Letrider

Чтобы создать адаптивный заголовок с разными отступами от краев страницы, вы можете использовать CSS для установки ширины и полей элемента заголовка. Вот пример того, как вы можете это сделать:

<header>
  <h1>My website</h1>
</header>

header {
  width: 90%;
  margin: 0 5%;
}

В этом примере элемент заголовка имеет ширину 90% от ширины области просмотра и поля 0 сверху и снизу и 5% слева и справа. Это заставит заголовок занимать 90% ширины экрана с отступом в 5% с каждой стороны. Вы также можете использовать медиа-запросы для изменения стиля заголовка при разных размерах экрана, например:

@media (min-width: 768px) {
  header {
    width: 80%;
    margin: 0 10%;
  }
}

Это применит новые стили, когда ширина экрана будет не менее 768 пикселей. Вы также можете использовать CSS Grid или Flexbox, чтобы сделать адаптивный заголовок с разными полями

P.S. Если учитесь - главное пытаться и делать. Упорство и труд - всё перетрут. А дизайн на вид норм