<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Кваст</title>
</head>
<body>
<div class="page-header">
<img src="logo.png" alt="Логотип фирмы">
<ul class="main-nav">
<li><a href="#">История</a></li>
<li><a href="#">Производство</a></li>
<li><a href="#">Ассортимент</a></li>
<li><a href="#">Где купить</a></li>
</ul>
<div class="promo">
<p>Крафтовый квас<br> всему голова!</p>
</div>
</div>
<div class="new-products">
<h2>Новинки</h2>
<div class="products">
<h3>Вахтёр</h3>
<p>Алк. <1%</p>
<p>Ккал. 35</p>
<p>Ржаной хлеб, Вода, Солод, Соль</p>
<img src="bottle-left.jpg">
<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжелого дня и придаст сил для вечерних приключений!</p>
<a class="btn" href="#">Подробнее</a>
<a class="btn" href="#">Купить</a>
<b>150 Р.</b>
</div>
<div class="products">
<h3>Романтик</h3>
<p>Алк. <0,5%</p>
<p>Ккал. 27</p>
<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
<img src="bottle-right.jpg">
<p>Легкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня</p>
<a class="btn" href="#">Подробнее</a>
<a class="btn" href="#">Купить</a>
<b>90 Р.</b>
</div>
</div>
</body>
</html>
В чем различия? Скрин покажите, пожалуйста.
Это должна быть таблица 2х2.
1 лайк
СПАСИБО большое!
Здравствуйте.А почему именно таблица, а не например div?(Пытаюсь понять логику)
И еще вопрос, если можно).Почему в курсе Великий Кексби раздел со списком популярных товаров размечен div’ом, а не списком?