Без адаптивної верстки неможливо собі уявити сучасну веб-розробку та дизайн.
Така верстка не тільки є стандартом, а й дозволяє не малювати новий дизайн для кожної роздільної здатності, а змінювати розміри та розташування окремих елементів.
Марія Падалко, 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...
