максимальная ширина для HTML CSS

Question

Я столкнулся с проблемой при разработке HTML и CSS. изображение, которое я делаю на одном из классов разделения, и ширина не полная. Например, изображение там не полностью зафиксировано, и с левой и правой стороны будут белые пробелы.

.background1 {
  margin: 0;
  padding: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(background1.jpg);
  height: 80vh;
  max-width: 2250px;
  background-size: cover;
  background-position: center;
}

<div class="background1">
  <h1>Description</h1>
  <h2>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</h2>
</div>

Answer 1

тег body имеет собственное поле, вы можете сделать это:

body {
    margin :0;
}