Как правильно сверстать сайт, на котором хедер и первый блок сделан одной картинкой?

Question

[Сергей Дроздов]

Как правильно сверстать сайт, на котором хедер и первый блок сделан одной картинкой?

Answer 1

[Вадим]

Не сделан тут Header и первый блок одной картинкой. Просто у header нет фона и он спозиционирован поверх блока с фоном, например, через position: fixed, либо располагается внутри него:

.hero background-image: url()
  header

P.s. hero screen - паттерн, когда первый экран на весь экран, и, как правило, вместе с шапкой.