Почему flexbox layout не занимает всю высоту?

Question

[rinatoptimus]

Пример - почему-то под контентом белое пространство, как сделать так чтобы он постоянно занимал всю высоту и при ресайзе экрана тоже? Align-content: stretch не помогает.

Answer 1

[Хикмат Абдунабиев]

Попробуйте так:

html, body {
  height: 100%;
  margin: 0;
  min-height: 100%;
}
.wrapper {
  display: flex;
  height: 100%;
  width: 100%;
}
.flex-container {
  padding: 5px;
  display: flex;
  flex-grow: 1;
}

Answer 2

[Skrolea]

А если

.wrapper:after {
    padding-top: 100%; 
}

?

Comments

[rinatoptimus]

Скролл появляется. Думал, во флексбоксе можно абсолютно респонсивные вещи делать.