Многоуровневый список (прохождение 100% но на валидность не прохоит)

Подскажите пожалуйста, правильно ли? испытание 100%, htmlacademy ошибок в синтаксисе не показывает. но на валидность в https://validator.w3.org не проходит. (Error: Element ul not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
так где правда?

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Многоуровневый список покупок</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
   <h1> Список покупок</h1>

   <ul>
      <li>Еда</li>
          <ul>
              <li>Рыба</li>
                  <ul>
                      <li> Филе форели, 2 шт</li>
                      <li> Карась, 5 шт</li>
                      <li>Окунь, 10 шт</li>
                  </ul> 
              <li>Молочные продукты</li>
                  <ul>
                       <li>Сметана</li>
                       <li>Йогурт</li>
                           <ul>
                               <li>Жирный</li>
                               <li> Обезжиренный</li>
                           </ul>
                   </ul>
          </ul>
      <li> Вещи</li>
          <ul> 
            <li>Игрушки</li>
                 <ul>
                    <li>Когтеточка</li>
                    <li>Мячи, 2 шт</li>
                </ul>
            <li>Уход</li>
                <ul>
                   <li> Расчёска для шерсти</li>
                    <li> Мусс для усов</li>
                </ul>
          </ul>
      </ul>
  </body>
</html>

Если вы делаете вложенный список ul внутри элемента li, то должен идти сначала вложенный список, а потом уже закрывающий тег li.