Как задать 100% высоту?

Question

[MrCard]

Имею такую разметку

<header class=“header”>
   <div class=“header__wrap”>
      <div class=“header__top”></div>
      <div class=“header__content _container”></div>
   </div>
</header>

header__wrap у меня min-height: 500px;
В header__top лежит контейнер > логотип, меню
В header__content лежит заголовок, подзаголовок и кнопка. Вот в чем в мой вопрос, как мне header__content дать высоту 100% чтобы я с помощью флекса смог поставить текст по центру по вертикали?

Answer 1

[szQocks]

.header__wrap{
  min-height: 500px;
  display: flex;
  flex-direction: column;
}

.header__content{
  flex: 1 1 0;
}

Comments

[MrCard]

Спасибо большое

[MrCard]

А можете пожалуйста помочь? Просто вопрос не могу создать уже. Я комментарии в коде оставил

[szQocks]

MrCard, есть скрин того как должно быть ?

[szQocks]

MrCard, https://codepen.io/kapysta-xxl/pen/yLQaNER

[MrCard]

szQocks, спасибо, оно самое))