arrow-left
Вернуться к продуктам
Кратко о видео

Как настроить адаптивную верстку в Taptop? Адаптив — это не просто уменьшение ширины экрана, а отдельная логика размещения контента. Без правильного подхода сайт на смартфоне может выглядеть сломанным: элементы наезжают друг на друга, текст становится нечитаемым, а лишние детали мешают восприятию. Видео поможет научиться перестраивать макет для разных устройств, сохраняя аккуратность верстки.

Адаптивная верстка делает сайт удобным для любого устройства. В Taptop этот процесс строится на системном подходе: мы настраиваем параметры блоков так, чтобы они подстраивались под ширину экрана, оставаясь аккуратными и читабельными.

Главная задача адаптива — сохранить логику макета при смене устройства. Когда места на экране становится меньше, мы упрощаем отображение: скрываем лишние элементы, меняем размер шрифтов.

В видео показан полный путь адаптации сайта: от настройки хедера и бургер-меню до управления сложными блоками с карточками. Вы узнаете, как использовать классы для управления размерами, зачем нужны пользовательские свойства (например, для скрытия скроллбаров) и как проверять верстку на разных брейкпоинтах.

Верстаем сайт на готовых блоках в Taptop: часть 2
На реальном примере разбираем процесс адаптации: как ограничить ширину блоков, настроить меню для мобильных устройств, поработать с типографикой и отступами на разных разрешениях экрана.
Дорабатываем учебный сайт Яндекс.Станции, чтобы он отлично смотрелся на разных устройствах
Тайминги видео

00:00 — Подходы к адаптивной вёрстке

16:00 — Адаптация хедера и меню для планшетов

33:00 — Настройка анимации открытия меню

39:30 — Работа с отступами между секциями

42:30 — Адаптация карточек через классы

50:00 — Создание горизонтального скролла

1:04:30 — Перенос контента на мобильные устройства

1:34:50 — Финальная проверка и публикация

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока