А я так сделал результат 100%.
Для закрывающего тега класс не пишется.
я подозревал, но пишу для себя мне так проще ориентироваться. Я только понять не могу почему тут список определений используется, происхождение кваса - это же не термин и почему картинка стала определением термина да и сам текст на определение не тянет по моему мнению. 3 дня бился с этим блоком , всё совпадало кроме картинок, потом сюда зашел увидел что используют список определений, только тогда 100% добился.
Раз есть источник в этом блоке, то это должна быть цитата, почему это явилось списком определений то? Почему не использован тег cite у источника?
Помогите. Уже битый час бьюсь с этим заданием 4 блок!
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Кваст</title>
</head>
<body>
<div class="page-header">
<div class="header-top">
<div class="header-logo">
<img src="img/logo.png" alt="Кваст" width="140" height="76">
</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>
</div>
<div class="new-item">
<h2>Новинки</h2>
<div class="catalog-item">
<h3>Вахтёр</h3>
<div class="description-item">
<table>
<tr>
<td>Алк.</td>
<td>< 1%</td>
</tr>
<tr>
<td>Ккал:</td>
<td>35</td>
</tr>
</table>
<p>
Ржаной хлеб, Вода, Солод, Соль
</p>
</div>
<img src="img/bottle-left.jpg" alt="Бутылка Вахтера">
<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
<a class="btn-info" href="#" tittle="Посмотреть подробнее">Подробнее</a>
<a class="btn" href="#" tittle="Нажми чтобы купить">Купить</a>
<b>150 Р.</b>
</div>
<div class="catalog-item">
<h3>Романтик</h3>
<div class="description-item">
<table>
<tr>
<td>Алк.</td>
<td>< 0,5%</td>
</tr>
<tr>
<td>Ккал:</td>
<td>27</td>
</tr>
</table>
<p>
Ячменный хлеб, Вода, Солод, Апельсин
</p>
</div>
<img src="img/bottle-right.jpg" alt="Бутылка Вахтера">
<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
<a class="btn-info" href="#" tittle="Посмотреть подробнее">Подробнее</a>
<a class="btn" href="#" tittle="Нажми чтобы купить">Купить</a>
<b>90 Р.</b>
</div>
</div>
<div class="features">
<ul class="features-item">
<li>
<h2>Варим сами</h2>
<p>Вот этими самыми руками. Экспериментируем и творим, что хотим.</p>
</li>
<li>
<h2>Своё, родное</h2>
<p>Не заработка ради, а импортозамещения для. Поднимаем производство.</p>
</li>
<li>
<h2>Не экономим</h2>
<p>Человек это то, что он ест и пьет. У нас только качественные ингредиенты.</p>
</li>
</ul>
</div>
<div class="reference">
<h2>Немного истории</h2>
<dl>
<dt>
<h3>Происхождение кваса</h3>
<i>Источник: </i><a target="_blank" href="https://ru.wikipedia.org/wiki/Квас" title="Квас - Википедия">ru.wikipedia.org</a>
</dt>
<dd>
<img src="img/wiki-1.png" alt="Хлебный квас" width="200" height="101">
<p>Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас.</p>
</dd>
</dl>
<dl>
<dt>
<h3>Классификация кваса</h3>
<i>Источник: </i><a target="_blank" href="https://ru.wikipedia.org/wiki/Квас#.D0.9A.D0.BB.D0.B0.D1.81.D1.81.D0.B8.D1.84.D0.B8.D0.BA.D0.B0.D1.86.D0.B8.D1.8F_.D0.BA.D0.B2.D0.B0.D1.81.D0.B0" title="Классификация кваса - Википедия">ru.wikipedia.org</a>
</dt>
<dd>
<img src="img/wiki-2.png" alt="Бокал кваса" width="200" height="101">
<p>По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p>
</dd>
</dl>
</div>
Забавно, если делаю сплошную строку без перехода на новую строку, то проходит на 100%.
<p>По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p>
Тоже интересен этот вопрос.