Could anyone help with this code? What's wrong for the excersice?

HTML-CSS
1 
<!DOCTYPE html>

<html lang="en">



<head>

<meta charset="UTF-8"

<title> Recipe </title>

</head>

  <body>

        <h1> Recipe </h1>

        <p> la receta comienza así <p>

        <h2> Ingredients</h2>

        <ul>

          <li> leche </li>

          <li> azúcar </li>

          <li> canela </li>

          <li> vainilla </li>

        </ul>



        <h2> Instructions </h2>

         <ol>

           <li> paso 1 </li>

           <li> paso 2 </li>

           <li> paso 3 </li>

           <li> paso 4 </li>

         </ol>

        <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="huevo, leche y harina en una mesa">

      

    </body>

User Stories:

  1. You should have a !DOCTYPE html declaration.

  2. You should have an html element with lang set to en.

  3. You should have a head element containing a title element with the name of your recipe, and a meta element with a charset attribute set to UTF-8.

  4. You should have a body element.

  5. You should have an h1 element with the name of your recipe.

  6. You should have a p element that introduces the recipe below the h1.

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

  8. 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. You should have a second h2 element with the text Instructions for the instructions section.

  10. You should have an ordered list (ol element) with at least four list items that lists the recipe steps in order, below the second h2.

  11. You should have one img element with a src attribute set to a valid image, you can use https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg if you would like, and an alt attribute describing the image.

2

Please describe how you are stuck debugging. Also, please provide a link to the project for our are working on. Thanks