Кексби. Промежуточное испытание. Не видит результат работы.

Курсы Промежуточные испытания
1

У меня при проверке результата далее 3-го блока показывает пустоту.

Имя файла изображения895×657 38.3 KB
Не могу понять в чем проблема.

2 
  	<main>
  		<div class="new-products">
  			<h2>Новинки</h2>
  			<div class="product-vahter">
  				<h3>Вахтёр</h3>
  				<table class="alc-kkal">
  					<tr>
  						<td>Алк.</td>
  						<td>&lt; 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>&lt; 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>
3

Код текстом вставляется в помощью кнопки </> в редакторе сообщений. Или воспользуйтесь песочницей типа codepen для демонстрации кода.

4

Код добавил.

5

Возможно дело в блоке main. Я тоже хотела бы его использовать, но по инструкции на первом уровне вложенности у body должно быть 8 блоков.

6

Да, помогло!!! Спасибо, большое! :blush:

1 лайк
7 
<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>

Имя файла изображения1140×759 140 KB

Как избавиться от отступа между картинкой и ссылкой??

8

Попробуйте блок цитаты начать выше, то есть чтобы cite входил в blockquote.

9

Нет. Тогда слово “источник” будет с отступом слева. А так не должно быть. Я уже проверял. Но тогда как еще?

10

[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 веке. Само слово &laquo;квас&raquo; тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково &mdash; квас.</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>По российскому ГОСТу для промышленного изготовления &mdash; это напиток с объёмной долей этилового спирта не менее 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p> </dd> </dl>
[/details]

1 лайк
11

Спасибо!