📱
Модуль 2.4: Адаптивная вёрстка
01
Принципы адаптивности
Как сделать сайт, который идеально выглядит на любом устройстве
02
Media Queries
CSS-условия для разных экранов, устройств и пользовательских настроек
03
Гибкие изображения
Адаптивные картинки: srcset, picture, ленивая загрузка и современные форматы
04
Гибкая типографика
Fluid typography: текст, который плавно масштабируется под любой экран
05
Мобильная навигация
Паттерны мобильной навигации: hamburger, slide-out, bottom bar
06
Практика: адаптивный сайт
Собираем все вместе: создаем полноценный адаптивный лендинг с нуля