Великий Кексби стили.

Курсы
1

Не отображается фоновое изображение. Искал решение в интернете и ничего не нашел. Путь прописан правильно и остальное, вроде, тоже.

.page-header {
background-color: black;
background-image: url('img/wheat-back.jpg');
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
min-height: 550px;

}

2

Подскажите, пожалуйста, какое это испытание?

3

И покажите, скриншот разметки хедера)

4 
 <div class="page-header">
  <div class="container1">
    <div class="header-top clearfix">
    <div class="page-logo">
      <img src="img/logo.png" alt="Кваст">
    </div>
      <ul class="main-nav">
        <li><a href="#">История</a></li>
        <li><a href="#">Производство</a></li>
        <li><a href="#">Ассортимент</a></li>
        <li><a href="#">Где купить</a></li>
  </ul>
  </div>

Это финальное испытание Кексби.

5

Исправьте путь к фоновому изображению)

.page-header {
  height: 490px;
  padding-top: 60px;

  background-color: #7a5118;
  background-image: url("../img/wheat-back.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
}
6

И извините, пожалуйста, за долгий ответ… У нас есть почта, вы можете дублировать вопросы туда — questions@htmlacademy.ru Там ответы приходят быстрее)

7

Здравствуйте Татьяна.

Скажите пожалуйста, по макету ширина страницы 1200px.
В шапке фоновое изображение растянуто на ширину (1200) и высоту 550, со значением background-size: cover, …-position: bottom.

Проверку на стили с такими значениями пройти не могу — не совпадает фоновое изображение.

Посмотрел решение у другого участника. У него для body установлена min-width: 1035px;

Вопрос: почему должно быть такое значение ширины и как его тогда получить?

Спасибо.