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