Как сделать фоновое изображение в шапке сайта?

Question

Только учусь программировать. Есть задание сделать блочный сайт. Первым блоком идет изображение в шапке сайта во всю ширину экрана. На изображение нужно будет добавить несколько слов. Изображение идет исключительно сверху, в шапке. Далее на белом фоне будет идти вся остальная информация Кто знает, подскажите, как это сделать. Уже который час читаю интернет по данному вопросу, толку нет

Answer 1

body {
  margin: 0;
}

header {
  height: 3em;
  background: linear-gradient(to right, silver, blue);
}

<header>Шапка</header>
Информация

Answer 2

А как вы дальше собрались учится? По каждому заданию будете на SO спрашивать?

:root {
  --size-max-width: 1200px;
  --size-min-width: 375px;
}

html,
body {
  margin: 0;
}

.row {
  display: grid;
  place-content: start center;
}

.column {
  max-width: var(--size-max-width, 1200px);
  min-width: var(--size-min-width, 375px);
}

header {
  .row {
    background: url(https://picsum.photos/900/150) center/cover;
    height: 150px;
  }
}

<header>
  <div class="row">
    <div class="column">

    </div>
  </div>
</header>

БЛОГ НА HUSL

Как сделать фоновое изображение в шапке сайта?

Ответы (2 шт):