Как сделать что сайт был на весь экран?

Question

[Виталий Unknown]

Сайт
Вот так выглядит на ноутбуке
Вот так у меня

Вопрос.
Ребята подскажите как сделать так,что-бы при разных экранах сайт выглядел как у меня?
т.е без вертикального скролла)

Answer 1

[Ilya Korablev]

Body overflow: hidden

Comments

[Виталий Unknown]

Ну тогда обрежет,и не будет видно footer

[Ilya Korablev]

Виталий Unknown: определитесь, сами же написали "без вертикального скролла) "

[KurtsKhalia]

Ilya Korablev: нужно уметь читать через строку, а не просто последнюю. Он выложил пример и написал, как хочет, чтобы выглядело.

Answer 2

[Борис Якушев]

Процентная верстка.

Answer 3

[KurtsKhalia]

Вам нужно указать размеры в процентах.
Также можете с помощью media queries указать на маленьких размерах экранах другую высоту изображения дома. Как пример:

@media screen and (max-width: max-width: 768px) {
  .main-info {
    height: 20%;
  }
}