Начала делать промежуточное испытание и сразу полетели косяки.
Первый этап оформил без дивов, открываю у себя в хроме - всё 1 в 1 как в примере, заливаю файл - видит только картинку. Тысячу раз проверял код - ошибок нету. Почитал форум, увидел что там всё обёрнуто в дивы, обернул - чудеса, заработало.
2 этап стал так же оборачивать, но видимо не оборачивается что-то, опять не видит вообще всё, все блоки, их будто нету, а у меня в браузере всё видно. В чём проблема?
Вот код
Кваст
<div class="header-top">
<div class="header-log">
<img src="img/logo.png" alt="log">
</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 class="promo">
Крафтовый квас<br> всему голова!
</div>
<div class='new-product'>
<h2>Новинки</h2>
<div class='new-product-items'>
<div class='product-item'>
<h3>Вахтёр</h3>
<div class='item-comp'>
<p>Алк. < 1%<br>
Ккал: 35
</p>
<p>
Ржаной хлеб, Вода, Солод, Соль
</p>
<img src='img/bottle-left.jpg' alt='Вахтёр'>
<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!
</p>
<a href='#'>Подробнее</a>
<a href='#'>Купить</a>
<strong>150 Р.</strong>
</div>
</div>
<div class='product-item'>
<h3>Романтик</h3>
<div class='item-comp'>
<p>Алк. < 0,5%<br>
Ккал: 27
</p>
<p>Ячменный хлеб, Вода, Солод, Апельсин
</p>
<img src='img/bottle-right.jpg' alt='Романтик'>
<p>Легкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.
</p>
<a href='#'>Подробнее</a>
<a href='#'>Купить</a>
<strong>90 Р.</strong>
</div>
</div>
</div>
</div>
</div>