Build a Recipe Page Project - Title Error

Hi! I can’t seem to get the " 3. You should have a title element within the head element that contains the text The Odin Recipes ." test to work for my project. Could you look at my code and tell me what’s wrong? Thanks!

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

<head>
    
    <meta charset="UTF-8">
    <title> The Odin Recipes </title>

</head>

  <body>
    <h1> Creamy Chocolate Fudge </h1>
  <img src="https://juliemarieeats.com/wp-content/uploads/2023/08/Chocolate-Fudge-Cake-1.jpg" alt="Chocolate Fudge Cake">

    <h2> Description </h2>
    <p> This is a very yummy recipie for chocolate fudge cake </p>
    <p> Here's another paragraph about it </p>

    <h2> Ingredients </h2>
    <ul>
      <li> item 1 </li>
      <li> item 2 </li>
      <li> item 3 </li>
      <li> item 4 </li>
    </ul>

  <h2> Steps </h2>
      <ol>
        <li> step 1 </li>
        <li> step 2 </li>
        <li> step 3 </li>
        <li> step 4 </li>
        <li> step 5 </li>
      </ol>

  <h2> More Recipes </h2>
      <ul>
        <li><a href="#">Recipe 1</a></li>
        <li><a href="#">Recipe 2</a></li>
      </ul>
  </body>


</html>

have you tried removing the extra spaces?

1 Like

Why are you adding extra spaces between the opening/closing tags and the text within them?

Oh my gosh - such a stupid mistake lol. Thank you!!