Help with Recipe Builder

HTML-CSS
1

This is my code

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>French Toast</title>
    <meta charset="UTF-8">
  </head>
  <body>
    <h1>French Toast</h1>
    <p>Bread that's Frenched</p>
    <h2>Ingredients</h2>
    <ul>
      <li>bread</li>
      <li>egg</li>
      <li>milk</li>
      <li>cinnamon</li>
      <li>vanilla</li>
      <li>butter</li>
    </ul>
    <h2>Instructions</h2>
    <ol>
      <li>Toast your bread in the toaster</li>
      <li>In a shallow bowl, whisk together an egg, milk, cinnamon, and vanilla.</li>
      <li>Dip the toasted bread in the custard, ensuring that both sides of the bread have been coated.</li>
      <li>Put a dollop of butter in a pan on medium heat.</li>
      <li>Place the French toast in the pan, flipping 2-3 minutes later.</li>
      <li>Serve with syrup, whipped cream, and/or berries.</li>
    </ol>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="Whisk next to eggs">
  </body>

When I run the code, my errors are:

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

  • 3. You should have a head element within the html element.

  • 8. You should have a body element within your html element.

I’m not sure how to fix those, because the different examples that I’m seeing look like mine in this regard? Thanks in advanced

1 Like
2

Html is not a void element. You need to close it at the end of your document.

2 Likes
3

Thank you for you help!

1 Like