Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

What is the issue with this?

  1. You should have an unordered list element below your first h2 element.
  2. You should have an ordered list element below your second h2 element.
  3. You should have at least four list item elements in your ordered list with the instructions.

Your code so far

<!DOCTYPE html>
<html lang="en">

  <head>
     <meta charset="utf-8">
     <title> chocolate-Peanut Butter Spoons </title>
     </head>
     
 <body>     
   <h1>hocolate-Peanut Butter Spoons</h1>
   <p>zebra droppings”—why we called them that, I have zero clue. Despite their unseemly name, these treats proved absolutely delicious and require almost no effort</p>
   <img src ="https://www.simplyrecipes.com/thmb/fzxaoOv5qDx3K3YSKQSm5TRaKw8=/750x0/filters:no_upscale():max_bytes(150000):strip_icc():format(webp)/Simply-Recipes-Chocolate-Peanut-Butter-Spoons-3-bb0cc36f1d294922865e5ddca347c6ce.jpg" alt="imeage of peanut butter spoons">
  
   <h2>Ingredients</h2>
   <p>To make four spoons, you’ll need:</p>
   <ul>
     <li>2 tablespoons semisweet chocolate chips</li>
      <li>1/2 teaspoon coconut oil</li>
       <li>4 tablespoons creamy or crunchy no-stir salted peanut butter</li>
        <li>Flaky salt, for topping, optional</li>

<h2>Instructions </h2>
<ul>
<li>Line a small plate with parchment paper or foil and get out 4 small metal spoons.</li>
  <li>Add the chocolate chips and coconut oil to a small microwave-safe bowl. Microwave in 30-second intervals, stirring between each interval, until the chocolate is fully melted.</li>
  <li>Use one of the spoons to scoop out about a tablespoon of peanut butter and place the spoon on the lined plate. Repeat with the other three spoons.</li>
  <li>Drizzle the melted chocolate onto each spoon to fully cover the peanut butter. If desired, top with a sprinkle of flaky salt. Freeze to harden the chocolate, about 10 minutes.</li>
  <li>Enjoy right away or store the spoons in an airtight container in the fridge for up to 4 days.</li>

</body>
</html>

Your browser information:

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

Challenge Information:

Build a Recipe Page - Build a Recipe Page

2

Hi there,

You need to follow the instructions exactly…the tests are strict.

The instructions did not say to add a p element after the first h2 element. And you were supposed to add an ordered list after the second h2 element. Also, your list elements are not complete. You can use this HTML validator to check your HTML. Just paste your code in and fix/check until the validator says your code is okay.