Как сделать full screen block?

https://codepen.io/Demonter/pen/ZEGEQYN

Как сделать так, чтобы весь блок был по высоте экрана?

*Пробовал min-height:100vh, но толку нет. Фон растягивается, но вот второй блок с текстом, который под навигацией, остается по длине контента. Если и второму блоку задать min-height:100vh, то появляется закономерный скролл, так как верхний блок с навигацией забирает часть пространства себе.
* Calc не хочу использовать, ибо тогда при каких-либо изменениях в панели навигации всё сломается.
* Position absolute тоже не желательно.

Есть ещё какие-нибудь варианты?

Заранее, спасибо!
  • Вопрос задан
  • 214 просмотров
Пригласить эксперта
Ответы на вопрос 2
@ArtJH
тегу header вставь height: 100vh. И все заработает
Ответ написан
@strelok011
Если я правильно понял сумбур вопроса и разметку (что-то во вложенности header > header__wrapper > header_panel + Main-Screen какая-то ДИЧЬ :)))) ), вам нужен какой-либо из этих рецептов, связанных с прибитием футера к низу страницы dimox.name/press_footer_bottom_with_css
Как и автор - рекомендую использовать flex, как наиболее соответствующий моменту.

p.s. не используйте в наименованиях css классов больших букв.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы