Как сделать так чтобы background был на всю высоту, когда на странице мало контента?

Question

[Никита]

Подскажите, как сделать так чтобы background был на всю высоту, когда на странице мало контента?
У меня такая проблема, у меня есть контейер которому заданы стили:

background-color: #2E2E2E;
    width: 100%;

Это хорошо работает, когда много карточек в контейнере , появляется скролл и все хорошо


Но когда карточек мало, одна две, то то получается, что background не полностью захватывает экран и выглядит это так себе:


Так вот, не подскажите, как решить эту проблему?
Вот сам проект: https://nikitabudkovskiy.github.io/hookah-mixer/
В самом низу три подборки, если нажать на них, то можно увидеть, то что я описал

Answer 1

[Тарас Шульга]

Они все занимают все ширину и высоту, просто там самая картинка такая, что разбита на 2 карточки. Минута дела посмотреть в консоле же.

Comments

[Никита]

Нууу, я наверное и спросил, потому что не знаю.
Я знаю как сделать, задать просто главному контейнеру height 100vh и контейнеру в котором непосредственно сами карточки background, но тогда получается что дочерний будет выступать за родительский и это такое себе решение.