Кексби. Промежуточное испытание Проблемы с проверкой!

Курсы Эпичный курс «Кексби»
1

Не проходит проверка после первого блока. Провел уже по всякому. Встявлял свой код, чужой… Первый блок проверяет а на остальных только белый фон. В чем проблема? Живу в Украине, использую Sublime 3, файлы не переименововал и никуда не перемещал. Вот кусочек кода, который далеко не доработаный но не в этом суть а в тому что другой блок не одображается, только первый:

> <!DOCTYPE HTML>
> <html>
> <head>
> 	<meta charset="utf-8">
> 	<title>Кваст</title>
> </head>
> <body>
> 	<div class="header">
> 		<div class="header-top">
> 			<div class="header-logo">
> 				<img src="img/logo.png" alt="Кваст"></div>
> 			<ul class="spisok">
> 				<li class="ok">
> 					<a href="#">История</a>
> 				</li>
> 				<li class="ok">
> 					<a href="#">Производство</a>
> 				</li>
> 				<li class="ok">
> 					<a href="#">Ассортимент</a>
> 				</li>
> 				<li class="ok">
> 					<a href="#">Где купить</a>
> 				</li>
> 			</ul>
> 		</div>
> 		<div class="header-promo">
> 			<p>
> 				Крафтовый квас
> 				<br>всему голова!</p>
> 		</div>
> 	</div>
> 	<div class="news">
> 		<h2>Новинки</h2>
> 		<div class="news-item">
> 			<h3>Вахтёр</h3>
> 			<div class="news-index">
> 				Алк. &lt; 1%
> 				<br>Ккал: 35</div>
> 			<div class="news-storage">Ржаной хлеб, Вода, Солод, Соль</div>
> 			<img src="img/bottle-left.jpg" alt="">
> 			<div class="news-description">
> 				Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!
> 			</div>
> 			<a href="#">Подробнее</a>
> 			<a href="#">Купить</a> <strong>150 Р.</strong>
> 		</div>
> 		<div class="news-item">
> 			<h3>Романтик</h3>
> 			<div class="news-index">
> 				<h4>
> 					Алк. &lt; 0,5%
> 					<br>Ккал: 27</h4>
> 			</div>
> 			<div class="news-storage">Ячменный хлеб, Вода, Солод, Апельсин</div>
> 			<img src="img/bottle-right.jpg" alt="">
> 			<div class="news-description">
> 				Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.
> 			</div>
> 			<a href="#">Подробнее</a>
> 			<a href="#">Купить</a> <strong>90 Р.</strong>
> 		</div>
> 	</div>
> 
> </body>
> </html>
2

Проверил. Всё отображается, и первый блок и второй (второй с ошибками, естественно)…

3

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

4

Это делается таблицей.

1 лайк
5

Я это уже исправил… но снова проблема в проверке… “не читает” третий блок. Второй прошел но третий снова белый екран, в чем проблема??

<html>
<head>
	<meta charset="utf-8">
	<title>Кваст</title>
	<link rel="stylesheet" href="style.css"></head>
<body>
	<div class="header">
		<div class="header-top">
			<div class="header-logo">
				<img src="img/logo.png" alt="Кваст"></div>
			<ul class="spisok">
				<li class="ok">
					<a href="#">История</a>
				</li>
				<li class="ok">
					<a href="#">Производство</a>
				</li>
				<li class="ok">
					<a href="#">Ассортимент</a>
				</li>
				<li class="ok">
					<a href="#">Где купить</a>
				</li>
			</ul>
		</div>
		<div class="header-promo">
			<p>
				Крафтовый квас
				<br>всему голова!</p>
		</div>
	</div>
	<div class="news">
		<h2>Новинки</h2>
		<div class="news-item">
			<h3>Вахтёр</h3>
			<div class="news-index">
				<table>
					<tr>
						<td>Алк.</td>
						<td>&lt; 1%</td>
					</tr>
					<tr>
						<td>Ккал:</td>
						<td>35</td>
					</tr>
				</table>

				<div class="news-storage">
					<p>Ржаной хлеб, Вода, Солод, Соль</p>
				</div>
				<img src="img/bottle-left.jpg" alt="">
				<div class="news-description">
					<p>
						Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!
					</p>
				</div>
				<p>
					<a href="#">Подробнее</a>
					<a href="#">Купить</a> <strong>150 Р.</strong>
				</p>
			</div>
			<div class="news-item">
				<h3>Романтик</h3>
				<div class="news-index">
					<table>
						<tr>
							<td>Алк.</td>
							<td>&lt; 0,5%</td>
						</tr>
						<tr>
							<td>Ккал:</td>
							<td>27</td>
						</tr>
					</table>
				</div>
				<div class="news-storage">
					<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
				</div>
				<img src="img/bottle-right.jpg" alt="">
				<div class="news-description">
					<p>
						Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.
					</p>
				</div>
				<p>
					<a href="#">Подробнее</a>
					<a href="#">Купить</a> <strong>90 Р.</strong>
				</p>
			</div>
		</div>
		<div class="features">
			<ul>
				<li class="feature-item">
					<h2>Варим сами</h2>
					<p>
						Вот этими самыми руками. Экспериментируем и творим, что хотим.
					</p>
				</li>
				<li class="feature-item">
					<h2>Своё, родное</h2>
					<p>
						Не заработка ради, а импортозамещения для. Поднимаем производство.
					</p>
				</li>
				<li class="feature-item">
					<h2>Не экономим</h2>
					<p>
						Человек это то, что он ест и пьет. У нас только качественные ингредиенты.
					</p>
				</li>
			</ul>
		</div>

</body>
	</html>
6

Во втором блоке не хватает закрывающего дива в конце.
В sublime это хорошо видно…

7

Спасибо! Установил Bracket​Highlighter для sublime иначе тяжело найти незакрытый div

1 лайк