@mephkat
хочу верстать!

Как растянуть сайт на весь экран?

Привет! Нужно растянуть табличку по высоте на весь экран, но как-то ничего не выходит :(
css прилагаю.

body, html {
    height:100%;
    min-height:100%;
}

.wrapper {
  display: flex;
  flex-direction: column;
}

.content-wrapper {
  display: flex;
  flex-wrap: nowrap;
}

.head {
  background-color: #D2691E;
  text-align: center;
  margin: 3px;
}

.navigation {
  align-self: flex-start;
  margin: 3px;
  background-color: lightgreen;
  width: 200px;
  text-align: center;
  height: 500px;
}

.content {
  background-color: #9df5d7;
  margin: 3px;
}

.info {
  background-color: lightBlue;
  margin: 3px;
}

.footer {
  background-color: #D2691E;
  text-align: center;
  margin: 3px;
  height: 50px;
}


Выглядит все это дело так:
5a9da2e4aa951335759916.png

Всем заранее большое спасибо :з
  • Вопрос задан
  • 151 просмотр
Пригласить эксперта
Ответы на вопрос 5
blood-moon
@blood-moon
Маленький фрилансер
Я думаю он про отступы .
body{
margin : 0;
padding : 0;
}
Ответ написан
@maiskiykot
Free coder
Никак. Или фиксированная высота или в сад.
Ответ написан
yarkov
@yarkov
Vue.js Frontend Developer
А vh почему не использовать?
Ответ написан
aloky
@aloky
junior js
body, html {
    height: 100vh
}

мб поможет
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
Sveak Барнаул
от 40 000 руб.
18 авг. 2018, в 11:06
10000 руб./за проект
18 авг. 2018, в 10:13
500 руб./в час
18 авг. 2018, в 09:13
13000 руб./за проект