Кекбси промежуточное испытание Шаг 2 не получается пройти

Курсы Промежуточные испытания
1 
    <!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

В чем различия? Скрин покажите, пожалуйста.

3

Снимок экрана 2016-10-09 в 19.37.05.png1434×1436 198 KB

4

Это должна быть таблица 2х2.

1 лайк
5

СПАСИБО большое!

6

Здравствуйте.А почему именно таблица, а не например div?(Пытаюсь понять логику)
И еще вопрос, если можно).Почему в курсе Великий Кексби раздел со списком популярных товаров размечен div’ом, а не списком?