Как убрать белую полосу между секциямиб background image?

Рейтинг: 0Ответов: 1Опубликовано: 08.05.2023

Всем привет, как убрать белую полосу между секциями? Вот код секций и их backroung image:

.header {
background-image: url('../img/hero.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-height: 115vh;
}

.about-us {
background-image: url('../img/about-us.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 100px 0px;
}

введите сюда описание изображения

UPD: Решил проблему, дело было в том, что я неправильно вывел картинку, без затемнения, а оно на макете было.

css html
Источник: Stack Overflow на русском

Ответы

▲ 1

Попробуйте вот так:

/* Обнуление стандартных отступов у тегов body и html */
html, body {
  margin: 0;
  padding: 0;
}

/* Используйте класс .section для общих свойств секций */
.section {
  margin: 0;
  padding: 0;
}

.header {
  background-image: url('../img/hero.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 115vh;
}

.about-us {
  background-image: url('../img/about-us.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 100px 0px;
}