Build a Recipe Page

HTML-CSS
1

Hello! I have a weird response when building my recipe page. When I ran the tests, I passed the first two, but I am failing on ‘3. You should have a head element within the html element.’ Which would be fine, except that I do have a head element in my html element.

Any ideas where I’ve gone wrong here?

<!DOCTYPE html>
<html lang="en">
  <head title="cheesy veggie pasta">
    <meta charset="utf-8"></meta>
  </head>
  <body>
    <h1>Cheesy Veggie Pasta</h1>
    <p>Super easy way to get some protein in with minimal effort</p>
    <h2>Ingredients</h2>
    <ul>
      <li>Whatever pasta you have lying around</li>
      <li>Whatever frozen veggies you have lying around</li>
      <li>Whatever pasta you have lying around</li>
    </ul>
    <h2>Instructions</h2>
    <ol>
      <li>Throw your water on to boil and add frozen veggies</li>
      <li>Cook your pasta with the veggies</li>
      <li>grate some cheese while the water heats</li>
      <li>Drain when the pasta is of appropriate softness.</li>
      <li>Throw pasta and veggies back in the pan. Add cheese</li>
      <li>stir</li>
      <li>When meltificaiton is complete, eat</li>
    </ol>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="ingredients that have nothing to do with this recipe">
  </body>  
</html>
2

You do, but there are errors.

I suggest reviewing the lecture on the importance of using an HTML boilerplate. This is a great tool to use to start each of your lab projects:

And you can always run your code through this HTML validator to help you find errors until you’re more comfortable with HTML:

https://validator.w3.org/#validate_by_input

Just copy/paste your code into the text area, then check/fix until it says your code is okay (and there’s a handy highlighted summary at the bottom of the screen).