Не могу пройти проверку итогового испытания - “Кексби. Промежуточное испытание” 3 блок

Закрыл первые 2 блока на 100% : Шапка и Новинки. Третий блок не отображается. Вместо него вижу футор.


Можете подсказать,что не так?
Вот код:

<html lang="ru" >

  <head>

    <meta charset="utf-8">

    <title>Кваст</title>

  </head>

  <body>

    <header>

      <div class="page-header"> <!--Шапка сайта-->

        <div class="header-top">

          <img src="img/logo.png" alt="Логотип">

        </div>

          <ul class="main-nav" clearfix>

            <li><a href="#">История</a></li>

            <li><a href="#">Производство</a></li>

            <li><a href="#">Ассортимент</a></li>

            <li><a href="#">Где купить</a></li>

          </ul>  

      </div>

      <div  class="promo">    

          <p>Крафтовый квас<br>всему голова!</p>

      </div>

    </header>

    <main>

      <!--Раздел новинки-->

      <div class="new">

        <h2 class="section-title">Новинки</h2>

        <div class="new-item">

          <h3>Вахтёр</h3>

          <div class="structure">

            <table>

              <tr>    

                <td>Алк.</td>

                <td>&lt; 1%</td>

              </tr>  

              <tr>

                <td>Ккал</td>

                <td>35</td>

              </tr>

            </table>

            <p>Ржаной хлеб, Вода, Солод, Соль</p>

          </div>

          <img src="img/bottle-left.jpg" width="319" height="459">  

          <p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>

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

        </div>

        <div class="new-item">

          <h3>Романтик</h3>

          <div class="structure">

            <table>

              <tr>

                <td>Алк.</td>

                <td>&lt; 0,5%</td>

              </tr>

              <tr>

                <td>Ккал</td>

                <td>27</td>

              </tr>    

            </table>

            <p>Ячменный хлеб, Вода, Солод, Апельсин</p>

          </div>

          <img src="img/bottle-right.jpg" width="319" height="459">

          <p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>

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

        </div>

      </div>

      <!--Раздел Преимущества-->

      <div class="features">

        <ul class="clearfix">

          <li class="feature-item feature-handmade"><h2 class="feature-title">Варим сами</h2></li>

            <p>Вот этими руками. Эксперементируем и творим, что хотим.</p>

          <li class="feature-item feature-quality"><h2 class="feature-title">Своё, родное</h2></li>

            <p>Не заработка ради, а импортозамещения для. Поднимаем производство.</p>

          <li class="feature-item feature-safety"><h2 class="feature-title">Не экономим</h2></li>

            <p>Человек это то, что он ест и пьёт. У нас только качественные ингредиенты.</p>

        </ul>

      </div>

      <!--Немного истории-->

      <div class="history">

        <h2>Немного истории</h2>

        <dl>

          <dt class="history-item">Происхождение кваса <i>Источник: <a href="#" target="_blank">ru.wikipedia.org</a></i></dt>

            <dd>

              <img src="img/wiki-1.png" alt="Квас"  width="200" height="101">

              <p>Квас на Руси появился в X-XI веке. Само слово "квас" тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других стран, но называется он вездеодинаково - квас.</p>  

            </dd>  

         <dt class="history-item">Классификация кваса <i>Источник: <a href="#" target="_blank">ru.wikipedia.org</a></i></dt>

            <dd>

              <img src="img/wiki-2.png" alt="Бокал кваса" width="200" height="101">

              <p>По российскому ГОСТу для промыщленного изготовления - это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p>  

            </dd>

        </dl>  

      </div>

      <!--Пресса о нас-->

      <div class="reviews">

        <h2>Пресса о нас</h2>

        <div class="reviews-list">

          <blockquote>

            <p>Сегодня мы провели дегустацию чего-то действительно новенького - крафтового кваса. Да, да, вы не ослышались! Спасибо Арсену и Руслану за то, что предоставили целую бочку своего напитка!</p>

            <cite>Газета столичный Стольник</cite> <a class="btn" href="#" value="Читать все отзывы">Читать далее</a>

          </blockquote>

        </div>  

      </div>

      <!--Ассортимент-->

      <div class="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>Вахтёр <sup>Новинка</sup></td>

            <td>&lt;1%</td>

            <td>35</td>

            <td>0,5 л</td>

            <td>150 Р.</td>

          </tr>

          <tr>

            <td>Романтик <sup>Новинка</sup></td>

            <td>&lt;0.5%</td>

            <td>27</td>

            <td>0.5 л</td>

            <td>90 Р.</td>

          </tr>  

        </table>

      </div>

      <!--Заказать-->

      <div class="order">

        <h2>Заказать</h2>

        <p class="order-tip">

          Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас! При заказе от 10 баррелей - скидка 10%.

        </p>

        <form action="/keksby-mail" class="order-form" method="post">

          <div class="order-form-group">

            <label for="fullname">Представьтесь:</label>

            <input type="text" name="fullname" id="fullname">

          </div>

          <div class="order-form-group">

            <label for="phone">Номер телефона:</label>

            <input type="tel" name="phone" id="phone">

          </div>

          <div class="order-form-group">

            <label for="other-phone">Доп.номер:</label>

            <input type="tel" name="other-phone" id="other-phone">

          </div>

          <div class="order-form-group">

            <label for="email">Email:</label>

            <input type="email" name="email" id="email">

          </div>

          <div class="order-form-group">

            <label>Объем заказа:</label>

            <select>

              <option>От 5 до 10 баррелей в неделю</option>

            </select>

          </div>

          <div class="order-form-group">

            <label for="coment">Доп.коментарий:</label>

            <textarea name="coment" id="coment">

            </textarea>

          </div>

          <div class="checkbox-area">

            <label for="subscription">

              <input type="checkbox" name="subscription" id="subscription" checked></input>

              Я согласен получать квасную рассылку!

            </label>  

          </div>        

        </form>  

      </div>

    </main>

    <!--Подвал-->

    <footer class="page-footer">

        <div class="footer-top">

          <div>

            <img src="img/logo.png" alt="Логотип" width="140" height="76">

          </div>

          <div>

            <ul>

              <li><a href="#">История</a></li>

              <li><a href="#">Производство</a></li>

              <li><a href="#">Ассортимент</a></li>

              <li><a href="#">Где купить</a></li>

            </ul>

          </div>

        </div>

        <div class="footer-bottom">  

          <div class="footer-social">

            <a class="social-btn" href="#">Инстаграм</a>

            <a class="social-btn" href="#">Фейсбук</a>

            <a class="social-btn" href="#">Вконтакте</a>

          </div>

          <b>При перепечатке материалов ссылка на сайт обязательна!</b>

          <br>

          <div class="footer-copyright">

            <img src="img/htmlacademy.png" width="27" height="34">_Разработчик: <a href="#">HTML Academy.</a>

          </div>

        </div>  

    </footer>  

  </body>

</html>

Разобрался. Забыл включить тег <p> внутрь тега <li>.((

на какой строке?

Подскажите пожалуйста, как прикидываете размер картинок в пикселях? никак не могу понять методу вычислений :frowning:

если на шапку - то там пиксели не нужны, главное правильно теги подобрать, как и везде в целом.
картинки под размер поданы

Спасибо