Кексби. Промежуточное испытание --- ТОЛЬКО 1-БЛОК ВИДИТ

Доброго времени! Почему 1-й блок показывает зеленый круг при проверке, а в остальных блоках: где мой результат - показывает, что все блоки пустые?.. Вообще пустые, даже - <h2>Новинки</h2> - не показывает…

	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="css/main.css">
		<title>Кваст</title>
	</head>
	<body>
		<div class="wrapper">
			<div class="header">
				<img src="img/logo.png" alt="Кваст">
				<ul>
					<li><a href="#">История</a></li>
					<li><a href="#">Производство</a></li>
					<li><a href="#">Ассортимент</a></li>
					<li><a href="#">Где купить</a></li>
				</ul>
				<p>Крафтовый квас</p>
				<p>всему голова!</p>
			</div>
			<div class="new-items">
				<h2>Новинки</h2>
				<div class="item">
					<div class="item-foto">
						<img src="img/bottle-left.jpg" alt="Вахтёр">
						<b>Алк.<span>&lt; 1%</span></b>
						<b>Ккал: <span>35</span></b>
						<p>	Ржаной хлеб, Вода, Солод, Соль</p>
					</div>
					<div class="item-info">
						<h2>Вахтёр</h2>
						<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
					</div>
					<div class="item-buy">
						<a class="btn" href="#">Подробнее</a>
						<a class="btn btn-brown" href="#">Купить</a>
						<b>150 Р.</b>
					</div>
				</div>
				<div class="item">
					<div class="item-foto">
						<img src="img/bottle-right.jpg" alt="Вахтёр">
						<b>Алк.<span>&lt; 0,5%</span></b>
						<b>Ккал: <span>27</span></b>
						<p>	Ячменный хлеб, Вода, Солод, Апельсин</p>
					</div>
					<div class="item-info">
						<h2>Романтик</h2>
						<p>	Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
					</div>
					<div class="item-buy">
						<a class="btn" href="#">Подробнее</a>
						<a class="btn btn-brown" href="#">Купить</a>
						<b>90 Р.</b>
					</div>
				</div>
			</div>
			<section class="page-advantage">
				<div class="advantage">
					<h3>Варим сами</h3>
					<p>	Вот этими самыми руками. Экспериментируем и творим, что хотим.</p>
				</div>
				<div class="advantage">
					<h3>Своё, родное</h3>
					<p>	ВНе заработка ради, а импортозамещения для. Поднимаем производство.</p>
				</div>
				<div class="advantage">
					<h3>Не экономим</h3>
					<p>	Человек это то, что он ест и пьет. У нас только качественные ингредиенты.</p>
				</div>
			</section>
			<section class="page-history">
				<h2>Немного истории</h2>
				<div class="history">
					<div class="history-title">
						<h3>Происхождение кваса</h3>
						<blockquote>Источник:
							<cite><a href="#">ru.wikipedia.org</a></cite>
						</blockquote>
					</div>
					<div class="history-main">
						<p>	Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас.</p>
						<img src="img/wiki-1.png" alt="Происхождение кваса">
					</div>
				</div>
				<div class="history">
					<div class="history-title">
						<h3>Классификация кваса</h3>
						<blockquote>Источник: 
							<cite><a href="#">ru.wikipedia.org</a></cite>
						</blockquote>
					</div>
					<div class="history-main">
						<p>	По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p>
						<img src="img/wiki-2.png" alt="Классификация кваса">
					</div>
				</div>
			</section>
			<section class="page-about">
				<h2>Пресса о нас</h2>
				<p>	Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. Да, да, вы не ослышались! Спасибо Арсену и Руслану за то, что предоставили целую бочку своего напитка!		</p>
				<a class="btn btn-gray" href="#">	Читать далее</a>
				<h3>Газета столичный Стольник</h3>
			</section>
			<section class="page-assortment">
				<h2>Ассортимент</h2>
				<table>
					<tr>
						<th>Название</th>
						<th>Алк.</th>
						<th>Ккал</th>
						<th>Объём</th>
						<th>Стоимость</th>
					</tr>
					<tr>
						<td>Классика</td>
						<td>&lt; 1,2%</td>
						<td>33</td>
						<td>330 мл</td>
						<td>120 Р.</td>
					</tr>
					<tr>
						<td>Шабаш</td>
						<td>&gt; 1,2%</td>
						<td>45</td>
						<td>330 мл</td>
						<td>250 Р.</td>
					</tr>
					<tr>
						<td>Вахтёр<span>Новинка</span></td>
						<td>&lt; 1%</td>
						<td>35</td>
						<td>0,5 л</td>
						<td>150 Р.</td>
					</tr>
					<tr>
						<td>Романтик <span>Новинка</span></td>
						<td>&lt; 0,5%</td>
						<td>27</td>
						<td>0,5 л</td>
						<td>90 Р.</td>
					</tr>
				</table>
			</section>
			<section class="page-order">
				<h2>Заказать</h2>
				<p>Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас. При заказе от 10 баррелей — скидка 10%.</p>
				<form class="order-form" action="#" method="post">
					<div class="order-form-group">
						<label for="name">Представьтесь:</label>
						<input type="text" id="name" name="name">
					</div>
					<div class="order-form-group order-form-group-phone">
						<label for="phone">Номер телефона:</label>
						<input type="text" id="phone" name="phone">
						<label for="else-phone">Доп. номер:</label>
						<input type="text" id="else-phone" name="else-phone">
					</div>
					<div class="order-form-group">
						<label for="email">Email:</label>
						<input type="text" id="email" name="email">
					</div>
					<div class="order-form-group">
						<label for="amount">Объем заказа:</label>
						<select id="amount" name="amount">
							<option value="1">От 5 до 10 баррелей в неделю</option>
						</select>
					</div>
					<div class="feedback-form-group">
						<label for="message">Доп. комментарий:</label>
						<textarea name="message" id="message"></textarea>
					</div>
					<div class="checkbox-area">
						<label>
							<input type="checkbox" name="subscription" checked>	Я согласен получать квасную рассылку
						</label>
					</div>
					<input class="btn btn-brown" type="submit" value="Отправить заказ">
				</form>
			</section>
			<div class="footer">
				<div class="footer-left">
					<img src="img/logo.png" alt="Кваст">
					<ul>
						<li><a href="#"><img src="img/l.png" alt="Инстаграм"></a></li>
						<li><a href="#"><img src="img/l.png" alt="Фейсбук"></a></li>
						<li><a href="#"><img src="img/l.png" alt="Вконтакте"></a></li>
					</ul>
				</div>
				<div class="footer-nav">
					<ul>
						<li><a>История</a></li>
						<li><a>Производство</a></li>
						<li><a>Ассортимент</a></li>
						<li><a>Где купить</a></li>
					</ul>
				</div>
				<div class="footer-bottom">
					<p>
							При перепечатке материалов ссылка на сайт обязательна!</p>
					<p class="autor">	Разработчик: HTML Academy</p>
				</div>
			</div>
		</div>
	</body>
</html>

Прое… потеряв за вчера и сегодня часа 4, перелопатив какую-то часть здешнего форума, совершенно случайно нашел причину… Отображался правильно (зеленым кругом) только первый из восьми блоков. 2-8 – вообще были пустыми…

Причина: обертка.

Всё что находилось внутри body было заключено в обертку wrapper. Всё целиком было в этой обертке. Даже 1-й блок.

Спасибо за внимание! Пойду восстанавливать нервы, веру в людей, разработчиков данного задания…

1 лайк