промежуточное испытание

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

Почему текст не сходится?

КВАСТ 
	<nav>
		<ul>
			<li><a href="#">История</a></li>
			<li><a href="#">Производство</a></li>
			<li><a href="#">Ассортимент</a></li>
			<li><a href="#">Где купить</a></li>
		</ul>
	</nav>

	<div class="caption">
		<header-caption>
			<p>Крафтовый квас<br> всему голова!</p>
		</header-caption>
	</div>
</header>

<maim>
	<div class="novelties">
		
		<h2>Новинки</h2>
			<div class="vahter">
				<h3>Вахтёр</h3>
					<div class="vahter-description">
						<p> Алк. &lt; 1%<br>
						Ккал: 35</p>
						<p>Ржаной хлеб, Вода, Солод, Соль</p>
					</div>
					<div clas="photo-vahter">
						<img src="img/bottle-left.jpg">
					</div>
					<article>
						<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
					</article>

					<div class="buy">
						<a href="#">Подробнее</a>
						<a href="#">Купить</a>
						<b>150 Р.</b>
					</div>

				<div class="romantic">
					<h2>Романтик</h2>
						<div class="romantic-description">
							<p>Алк. &lt; 0,5%<br>
								Ккал: 27</p>
								<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
						</div>

						<div class="romantic-photo">
							<img src="img/bottle-right.jpg">
						</div>
						<article>
							<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
						</article>

						<div class="buy">
						<a href="#">Подробнее</a>
						<a href="#">Купить</a>
						<b>90 Р.</b>
					</div>
				</div>
			</div>
					
	</div>
</maim>

<footer>

</footer>
[details="Summary"]

%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA
Снимок.JPG275×519 24.4 KB

[/details]

2

Как я понял, Алк и Ккал это элементы таблицы. Но как до этого догадаться? Ведь в образце не таблица)

3

Потому что это у вас не таблица.
Почитайте темы из раздела “Промежуточные испытания”, там всё есть.

4

В 3ей части испытания , не показывает результат при проверке. Все вроде как закрыто

Код КВАСТ 
	<nav>
		<ul>
			<li><a href="#">История</a></li>
			<li><a href="#">Производство</a></li>
			<li><a href="#">Ассортимент</a></li>
			<li><a href="#">Где купить</a></li>
		</ul>
	</nav>

	<div class="caption">
		<header-caption>
			<p>Крафтовый квас<br> всему голова!</p>
		</header-caption>
	</div>
</header>

<main>
	<!-- Новинки -->
	<div class="novelties">
		
		<h2>Новинки</h2>
			<div class="vahter">
				<h3>Вахтёр</h3>
					<div class="vahter-description">
						<table>
							<tr><td>Алк.</td><td>&lt; 1%</td></tr>
							<tr><td>Ккал:</td><td>35</td></tr>
						
						</table>
							<p>Ржаной хлеб, Вода, Солод, Соль</p>
					</div>
					
					<div class="photo-vahter">
						<img src="img/bottle-left.jpg">
					</div>
					
					<article>
						<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
					</article>

					<div class="buy">
						<a href="#">Подробнее</a>
						<a href="#">Купить</a>
						<b>150 Р.</b>
					</div>
			</div>	

				<div class="romantic">
					<h3>Романтик</h3>
						<div class="romantic-description">
							<table>
								<tr><td>Алк.</td><td>&lt; 0,5%</td></tr>
								<tr><td>Ккал:</td><td>27</td></tr>
						
							</table>
								<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
						</div>

						<div class="romantic-photo">
							<img src="img/bottle-right.jpg">
						</div>
						<article>
							<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
						</article>

						<div class="buy">
							<a href="#">Подробнее</a>
							<a href="#">Купить</a>
							<b>90 Р.</b>
						</div>
				</div>
			
					
	</div>

	<!-- Преимущества -->
		<div class="Benefits">
			<ul>
	  				<li><h2>Варим сами</h2></li>
					<p>Вот этими самыми руками. Экспериментируем и творим, что хотим.</p>
					<li><h2>Своё, родное</h2></li>
					<p>Не заработка ради, а импортозамещения для. Поднимаем производство.</p>
					<li><h2>Не экономим</h2></li>
					<p>Человек это то, что он ест и пьет. У нас только качественные ингредиенты.</p>

			</ul>
	

		</div>

</main>

<footer>

</footer>
5

Я такого тега не знаю, где вы нашли его?
Уберите тег main из кода, лишняя вложенность влияет на проверку.

1 лайк
6

Спасибо, не думал что дело в main