arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобрана разница между Figma и CSS: почему в Figma фиксированная высота нормальна, а в CSS создаёт проблемы. Что происходит с контентом при сужении экрана, если блок с фиксированной высотой — контент вылезает за его пределы. Правило: родительский элемент должен быть auto по высоте. Высота auto означает «ровно столько, сколько занимает контент». При добавлении текста блок растёт. При сужении экрана текст переносится, блок тянется вниз. Фиксированная высота ломает этот механизм — контент вылезает, это не ошибка дизайна, это нарушение принципа CSS. Урок для начинающих верстальщиков, которые пришли из Figma и привыкли фиксировать всё. После просмотра появляется понимание, почему сайт «живой», а макет — статичный. Это меняет подход к работе с высотами раз и навсегда.

Почему не стоит задавать фиксированную высоту родительскому элементу

Секция выглядит хорошо на десктопе — а на мобильном текст выезжает за границы блока. В Figma всё стояло ровно. Почему так происходит?
В Figma высота блока фиксирована — нормально для статичного макета. В вёрстке текст переносится в зависимости от ширины экрана, высота меняется. Фиксированная высота на родителе — контент выезжает за пределы. Правило: секции без фиксированной высоты. Для новичков, которые переходят с Figma. После просмотра перестаёшь задавать фиксированную высоту и блоки работают правильно на всех экранах.
Тайминги видео
00:00 — Бывает ли у тебя такое что 00:32 — больше по высоте и то не 01:06 — другие законы Каждый элемент влияет на

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

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