Задать вопрос
@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

Всем заранее большое спасибо :з
  • Вопрос задан
  • 5125 просмотров
Подписаться 1 Простой 3 комментария
Пригласить эксперта
Ответы на вопрос 5
blood-moon
@blood-moon
Фрилансер
Я думаю он про отступы .
body{
margin : 0;
padding : 0;
}
Ответ написан
@maiskiykot
Free coder
Никак. Или фиксированная высота или в сад.
Ответ написан
Комментировать
aloky
@aloky
js
body, html {
    height: 100vh
}

мб поможет
Ответ написан
@Alexey10
height: 100vh
Ответ написан
Комментировать
@Arslan96py
Python и PHP программист
html {height: 100%}

body {
margin: 0;
min-height: 100%;
display: grid;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
14 дек. 2024, в 07:35
500 руб./за проект
14 дек. 2024, в 05:57
50000 руб./за проект
14 дек. 2024, в 02:49
500 руб./за проект