Unordered list not recognized and failing the test

HTML-CSS
1

I’m working on the Build a Recipe Page and I did everything as instructed, but the test keeps failing as:

14. You should have an unordered list element below your first h2 element.

Here’s the entirety of my code:

<!DOCTYPE html> 
<html lang="en">   
<head>     
<meta charset="utf-8"/>     
<title>Natso's Awesome Recipe Page</title>   
</head>   
<body>     
<h1>Tsuivan Recipe</h1>
     <p>This is a traditional Mongolian dish recipe. Don't you tell nobody, cause you're gonna wanna fix it and eat it all by yourself. </p>
     <ul>
       <li>It's popular</li>
       <li>It's traditional, a living history</li>
       <li>It's tasty, you can't get enough of it.</li>
       <li>It's filling. You'll be good for the whole day.</li>
     </ul>     
<h2>Ingredients</h2>
     <ul>
       <li>asdh</li>
       <li>laksjf</li>
       <li>slkdf</li>
       <li>lisudfu</li>
       <li>lsdkfh</li>
     </ul>     
<h2>Instructions</h2>
     <ol>
       <li>Mix the flour with water and make a dough</li>
       <li>Knead the dough and roll it flat</li>
       <li>Knead the dough and roll it flat</li>
       <li>Knead the dough and roll it flat</li>
     </ol>
     <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="eggs, flour, milk, and beater placed on a table">
   </body>
 </html>

I have re-written the unordered list so many times that I have now put in gibberish. Does anyone know how to solve this?

All the other tests are approved, though. Even the one next to the error:

15. You should have at least four list item elements in your unordered list with the ingredients.

Please, it’s driving me nuts.

Thanks,

N

2

can you share the link to the project please?

but I wonder, does the lab expects you to have more than one list?

3

Thank you so much for your reply.

Here’s the project link: https://www.freecodecamp.org/learn/full-stack-developer/lab-recipe-page/build-a-recipe-page

I tried creating several unordered list, and it still failed.

4

are you sure the lab expects that many unordered lists? how many it asks for?

1 Like
5

Thank you for your quick response.

The relevant instructions are:

  1. You should have one h2 element with the text Ingredients for the ingredients section.

  2. You should have an unordered list (ul element) with at least four list items (li elements) that lists your ingredients below the first h2 element.

As you can see, my code has five items in the first unordered list under the Ingredients.

I’m using Chrome 140.0.7339.81 (64-bit) if it helps.

6

so how many in total unordered lists are you asked to create?

1 Like
7

that is not the first unordered list in your code

1 Like
8

Yes, there’s one unordered list under h1 Recipe, and one under h2 Ingredients. So, a total of two unordered lists are required. I made them both with more than 4 items, as it says make at least 4 items in your list.

  1. You should have an unordered list (ul element) with at least four list items (li elements) that lists your ingredients below the first h2 element.
9

Oh, I see! I had an extra unordered list in the beginning!!! Thank you so much! Solved!

10

good job in figuring out that they are not both required