arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобрана механика наследования стилей: как стили с базового разрешения наследуются вниз (планшет, мобильный) и вверх (широкие мониторы), почему нельзя начинать вёрстку с мобильного в Taptop, что происходит с контентом при нарушении этого правила. Базовое разрешение — источник всех стилей. Если начать с мобильного, стили наследуются на десктоп — и десктоп-вёрстка становится производной от мобильной. Это работает для mobile-first в коде, но не в Taptop. Правило простое: всегда начинаем с базового разрешения, потом правим меньшие. Урок для тех, кто только начинает работать с адаптивом в Taptop или уже столкнулся с ситуацией «правлю мобильный, ломается десктоп». Понимание этой механики устраняет большинство проблем с адаптивом на раннем этапе.

Начало вёрстки с базового разрешения: почему это важно

Открываешь редактор и начинаешь верстать прямо на экране. Потом оказывается, что сайт выглядит нормально только на одном размере. В чём ошибка? Почему стили не наследуются?
Базовое разрешение — источник всех стилей. Изменения на нём наследуются на все брейкпоинты: планшет, телефон и пользовательские. Если начать на 1920px — базовое останется пустым, придётся повторять всё заново. Для новичков. После просмотра начинаешь вёрстку с базового разрешения — и адаптив работает без лишней работы.
Тайминги видео
00:00 — многие задаются вопросом почему я создал 00:37 — и вы то есть предварительно я 01:12 — в вёрстку чтобы они были одинаковы

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

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