Без адаптивной верстки невозможно представить современную веб-разработку и дизайн.
Такая верстка не только является стандартом, но позволяет не отрисовать новый дизайн для каждого разрешения, а изменять размеры и расположение отдельных элементов.
Мария Падалко, Senior HTML/Markup Developer в Brain Rocket, рассказывает об адаптивной верстке, Mobile first подходе и показывает, как сверстать личную визитную карточку под Desktop и Mobile.
Макет:
https://www.figma.com/file/OvP...
Код:
https://github.com/masha-padal...
Страничка:
https://masha-padalko.github.i...
Генератор QR Code:
https://www.qrcode-monkey.com/
Тег <picture>
https://developer.mozilla.org/...
Бесплатные макеты для верстки в Figma:
https://t.me/figma2html
Онлайн аналог Photoshop:
https://www.photopea.com/
Пример кода анимации:
https://codepen.io/mpadalko/pe...
https://codepen.io/mpadalko/pe...
https://codepen.io/deniandrian...
