Квас. Финальное испытание

Привет! Прохожу финальное испытание эпичного курса Кексби, все вроде бы норм, совпадения по сеткам и стилизации, но вот в разметке все куда-то съехало сразу после лого, попытки изменить теги к успеху не привели, текст по-прежнему отстает на несколько пикселей относительно эталонного варианта.

вот моя разметка шапки42

Что я делаю не так?

В целом код верен. Возможно, отступ из-за строчного элемента появляется. Попробуйте убрать тег a у логотипа и обернуть его просто в div. Если не решит проблему, пришлите, пожалуйста, код решения текстом, а не скриншотом, чтобы можно протестировать.

спасибо за подсказку, но, увы, ничего не поменялось, ниже привожу код шапки:
>

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

  	</div>

  	<div class="promo"><p>Крафтовый квас <br> всему голова!</p>
  	</div>
  </div>

Протестировала ваш код — результат по разметке 100%. Пришлите, пожалуйста, целиком архив, который вы отправляете на проверку. Здесь нельзя прикрепить такой файл, поэтому пришлите, пожалуйста, нам его через форму обратной связи или, если есть возможность, ссылку на диск.

вот это поворот, у меня на любом браузере в мак ос разметка опускается, хмм

Столкнулся с такой же проблемой, как у автора. У меня Windows 10.

Посмотрите, пожалуйста, также по Стилизации вопрос (на скриншоте). Это что может обозначать?

Получила архив через форму обратной связи. Проблему нашла — не указан <!DOCTYPE html>.

1 лайк

Проблема, кажется, в чём-то другом. Пришлите архив целиком через форму обратной связи.

Поправил сообщение Саши, там было про доктайп :slightly_smiling_face:

2 лайка

Спасибо :expressionless:

все сошлось, спасибо!

1 лайк

Не совпадает фоновое изображение, откуда-то появился отступ снизу???

Попробуйте background-position: center -250px; — вдруг получится.

На странице проверки написано, что у шапки background-position: bottom, но похоже, что это неправда.

1 лайк

Здравствуйте! У меня тоже проблема с элементами навигации, даже не знаю, что делать. Ставила маргин справа 54px - не сходилось с шаблоном, было видно, что он больше. Пробовала - 55px - последний элемент вываливался (nowrap не помог), попробовала 54.5px - получилось вот это.

Здравствуйте! Скажите, пожалуйста, как решилась ваша проблема? Просто у меня сейчас похожая ситуация

Здравствуйте! Помогите пож-та разобраться с вложенностью первого блока. Не проходит проверку, так как должен быть второй уровень вложенности, а у меня показывает третий. Не понимаю почему третий?

Вот кусок кода

Попробуйте не оборачивать тег p divом.

Спасибо большое! Получилось)