Задать вопрос

Как сделать блок на всю высоту экрана с бекграундом?

Как сделать 1 блок на всю высоту экрана?
6258790268f0c654704588.png

<body>
	<div class="wrapper">
		<main class="page">
			<section class="main">
				<div class="main__container">
					<h1 class="main__title">Top notch service is our main auto motive</h1>
					<button type="submit" class="button">Make an Appointment</button>
				</div>
			</section>
			<section class="about"></section>			
		</main>
			</div>
	</body>


.wrapper{
background: url("@img/main/bg-1.jpg") center/cover no-repeat;
min-height: 100vh;
}
100 vh вроде как высота окна, но блок все равно по середине окна
  • Вопрос задан
  • 49 просмотров
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы