Укр Рус
Адаптивна верстка під Desktop та Mobile пристрої

Адаптивна верстка під Desktop та Mobile пристрої

  • 26 квітня
  • дивитись 141 хв
Марія Падалко
Марія Падалко Senior HTML/Markup Developer у BrainRocket, Викладач Комп'ютерної школи Hillel.

Без адаптивної верстки неможливо собі уявити сучасну веб-розробку та дизайн.

Така верстка не тільки є стандартом, а й дозволяє не малювати новий дизайн для кожної роздільної здатності, а змінювати розміри та розташування окремих елементів.

Марія Падалко, 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...

Рекомендуємо публікацію по темі