Адаптивна верстка — це не просто медіа-запити. Це спосіб мислення про контент, який має коректно відображатися на екрані шириною 320px і 2560px одночасно. Цей майстер-клас починається з того, де більшість курсів закінчується: з розуміння того, чому breakpoints — це наслідок, а не відправна точка.
Що розглядається на занятті
Ми працюємо з реальним макетом — лендінгом із складною сіткою, зображеннями та типографікою. Розбираємо fluid typography через clamp(), контейнерні запити CSS, логічні властивості та підходи до адаптації навігації без JavaScript.
Про технічний стек
Заняття побудоване навколо чистого CSS і HTML без фреймворків. Це свідоме рішення: коли розумієш, як працює нативний браузерний рендеринг, будь-який фреймворк стає інструментом, а не милицею.
Для кого підходить цей майстер-клас
Для верстальників із базовим досвідом, яким бракує системності. Для фронтенд-розробників, які звикли до Bootstrap і хочуть зрозуміти, що відбувається під капотом. Для дизайнерів, які передають макети в розробку і хочуть розуміти технічні обмеження.
Контейнерні запити змінили мій підхід до компонентної верстки більше, ніж будь-що інше за останні кілька років.