У меня при проверке результата далее 3-го блока показывает пустоту.
Не могу понять в чем проблема. <main>
<div class="new-products">
<h2>Новинки</h2>
<div class="product-vahter">
<h3>Вахтёр</h3>
<table class="alc-kkal">
<tr>
<td>Алк.</td>
<td>< 1%</td>
</tr>
<tr>
<td>Ккал.</td>
<td>35</td>
</tr>
</table>
<p class="composition">
Ржаной хлеб, Вода, Солод, Соль
</p>
<img src="img/bottle-left.jpg">
<p class="description">
Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!
</p>
<a href="#">Подробнее</a>
<a href="#">Купить</a>
<b>150 Р.</b>
</div>
<div class="product-romantic">
<h3>Романтик</h3>
<table class="alc-kkal">
<tr>
<td>Алк.</td>
<td>< 0,5%</td>
</tr>
<tr>
<td>Ккал.</td>
<td>27</td>
</tr>
</table>
<p class="composition">
Ячменный хлеб, Вода, Солод, Апельсин
</p>
<img src="img/bottle-right.jpg">
<p class="description">
Легкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.
</p>
<a href="#">Подробнее</a>
<a href="#">Купить</a>
<b>90 Р.</b>
</div>
</div>
<div class="advantages">
<ul>
<li>
<h3>Варим сами</h3>
Вот этими самыми руками. Эксперементируем и творим, что хотим.
</li>
<li>
<h3>Своё, родное</h3>
Не заработка ради, а импортозамещения для. Поднимаем производство.
</li>
<li>
<h3>Не экономим</h3>
Человек это то, что он ест и пьет. У нас только качественные ингридиенты.
</li>
</ul>
</div>
<div class="history">
<h2>Немного истории</h2>
<div class="origin">
<h3>Происхождение кваса</h3>
<cite>Источник:</cite>
<a href="#">ru.wikipedia.org</a>
<blockquote>
<img src="img/wiki-1.png">
<p>
Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. И хотя помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии, Польше и многих других славянских странах, но называется он везде одинаково – квас.
</p>
</blockquote>
</div>
<div class="classification">
<h3>Классификация класса</h3>
<cite>Источник:</cite>
<a href="#">ru.wikipedia.org</a>
<blockquote>
<img src="img/wiki-2.png">
<p>
По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.
</p>
</blockquote>
</div>
</div>
<div class="press-about-us">
<h2>Пресса о нас</h2>
<blockquote>
<p>
Сегодня мы провели дегустацию чего-то действительно новенького - крафтового кваса. Да, да, вы не ослышались! Спасибо Арсену и Руслану за то, что предоставили целую бочку своего напитка!
</p>
<cite>Газета столичный стольник</cite>
<a href="#">Читать далее</a>
</blockquote>
</div>
<div class="assortment">
<h2>Ассортимент</h2>
<table>
<tr>
<th></th>
</tr>
</table>
</div>
</main>
Код текстом вставляется в помощью кнопки </>
в редакторе сообщений. Или воспользуйтесь песочницей типа codepen для демонстрации кода.
Код добавил.
Возможно дело в блоке main. Я тоже хотела бы его использовать, но по инструкции на первом уровне вложенности у body должно быть 8 блоков.
Да, помогло!!! Спасибо, большое!
<div class="history">
<h2>Немного истории</h2>
<div class="origin">
<h3>Происхождение кваса</h3>
<cite>Источник:</cite>
<a href="#">ru.wikipedia.org</a>
<blockquote>
<img src="img/wiki-1.png">
<p>
Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. И хотя помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии, Польше и многих других славянских странах, но называется он везде одинаково – квас.
</p>
</blockquote>
</div>
<div class="classification">
<h3>Классификация класса</h3>
<cite>Источник:</cite>
<a href="#">ru.wikipedia.org</a><br>
<blockquote>
<img src="img/wiki-2.png">
<p>
По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.
</p>
</blockquote>
</div>
</div>
Как избавиться от отступа между картинкой и ссылкой??
Попробуйте блок цитаты начать выше, то есть чтобы cite входил в blockquote.
Нет. Тогда слово “источник” будет с отступом слева. А так не должно быть. Я уже проверял. Но тогда как еще?
[details=Попробуйте так]<dl> <dt> <h3>Происхождение кваса</h3> <span><i>Источник:</i> <a href="ru.wikipedia.org">ru.wikipedia.org</a></span> </dt> <dd> <img src="img/wiki-1.png" alt="wiki-1"> <p>Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас.</p> </dd> <dt> <h3>Классификация кваса</h3> <span><i>Источник:</i> <a href="ru.wikipedia.org">ru.wikipedia.org</a></span> </dt> <dd> <img src="img/wiki-2.png" alt="wiki-2"> <p>По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не менее 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p> </dd> </dl>
[/details]
Спасибо!