Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

Ingredients

  • BUTTER
  • EGGS
  • CHOCOLATE CHUNKS
  • FLOUR
  • VANILLA ESSENCE
  • SUGAR
  1. You should have an unordered list element below your first h2 element.

this is my code but, the test wouldnt let me pass, its keep on showing " unordered list must be added below first h2

..

i did it correctly, why am i keep getting this error

Your code so far

<!DOCTYPE html>
 <html lang="en">
   <head> 
     <title>Moly's Favorite Recipe</title>
     <meta charset="utf-8">
   </head>

   <body>
     <h1>Moly's Favorite Recipe</h1>
      <p><strong>Butter Cake Recipe</strong)</p>
     <h2>Ingredients</h2>
      <ul>
      <li>BUTTER</li>
      <li>EGGS</li>
      <li>CHOCOLATE CHUNKS</li>
      <li>FLOUR</li>
      <li>VANILLA ESSENCE</li>
      <li>SUGAR</li>
      </ul>

     <h2>Instructions</h2>
      <ol>
       <li>Put the butter in the mixer and start beating</li>
       <li>Then add the sugar to the beated butter and start beating again</li>
       <li>Once the sugar dissolves, add in the eggs and start beating for 20 minutes</li>
       <li>Then you can add the flour and mixing it up</li>
       <li>Last but not least add in chocolate chunks and mix them well</li>
       <li>now you can pour the mixture into a baking pan and put it in the 150 degree celcius, pre-heated oven for about 20 minutes</li>
       <li>VOILA !!, your cake is now ready</li>
      </ol>
<figure>
 <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="A delicious <em>Butter Chocolate chip Cake</em>">
</figure>
</body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Challenge Information:

Build a Recipe Page - Build a Recipe Page

2

Review the closing tags.

Edit:

The alt attribute’s value should be a plain descriptive text only, HTML elements can’t be used.