.hero { min-height: 50vh; }Половина высоты viewport становится минимумом, а не ограничением содержимого.
УРОК 46 ИЗ 100
Задайте секции минимальную высоту
Сохраните минимальную визуальную высоту, не обрезая длинное содержимое.
ШАГ 1 · ИЗУЧИТЕ
Как это работает
min-height задаёт нижний предел, но позволяет блоку расти, если тексту нужно больше места. Для изменяемого содержимого это безопаснее жёсткой height.
.hero { min-height: 50px; }50px — небольшое фиксированное значение и не выражает нужную связь с viewport.
ШАГ 2 · ПРИМЕНИТЕ
Ваше задание
Дополните правило для .hero: min-height: 50vh.
index.htmlCSS
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ
Что должно пройти
0%не проверено
- ○Объявление min-height использует значение 50vh.
- ○Целевой элемент присутствует на странице.
Объясните логику решения
Селектор находит элемент, а объявление min-height: 50vh применяет требуемое поведение.