Почему min-height: 100vh не работает с контейнером?

Question

Я хотел, чтобы значки социальных сетей были видны без прокрутки. Это работало раньше, есть ли причина, по которой это не так? Не похоже, что изображения занимают место.

Я поместил min-height: 100vh в .container, HTML и тег body. Я не увидел никаких результатов. Я изменил размер изображения и высоту, и это также не дало желаемого результата.

html {
  height: 100%;
}

body {   
  background-color: #e2e2e2;  
  font-family: "Montserrat", sans-serif;   
  font-weight: 500; } 
  /* min height */ 
.container {  
  white-space: nowrap;  
  min-height: 100vh; 
 }

кодовое поле

Answer 1

Измените высоту изображения слайдера на 630 пикселей. Он должен разместить весь контейнер в пределах 100vh. #slider { height: 630px }. Еще один совет: если вы используете flexbox. В этом случае абсолютное позиционирование нижнего колонтитула не требуется.