Как расстянуть background-color блокa по всей оставшейся высоте?

Question

[Владимир Тимошко]

Допустим, у меня есть страница где контента довольно мало, однако задний цвет футера нужно расстянуть до конца страницы. (Пожалуйста, только не пишите min-height, я это знаю, однако на некоторых разрешениях это выглядит ужасно, а вёрстка должна быть адаптивная)

Answer 1

[0xD34F]

body {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

footer {
  flex: 1;
}