Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

Keep failing step 8 (you should have a body element within your html element) I have tried moving the body around to a few different places but can’t seem to find what the issue is.

Your code so far

<!DOCTYPE html>
  <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>
        Snicker Doodle Cookies
      </title>
      <body>
        <h1>
          Snicker Doodle Cookies
        </h1>
        <p>
          This is a step-by-step guide on how to make the best snicker doodle cookies you'll ever have in your life. It's a family recipe passed down from generations, and will make the perfect late snack to satisfy that sweet tooth craving.<p/>
          <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="Some eggs and flower with a whisk sitting beside them">
        <h2>
          Ingredients
        </h2>
        <ul>
          <li>Flour</li>
          <li>Sugar</li>
          <li>Butter</li>
          <li>Eggs</li>
          <li>Crisco</li>
          <li>Cinnamon</li>
        </ul>
        <h2>
          Instructions
        </h2>
        <ol>
          <li>Pour flour, sugar, butter, crisco, and two eggs in a mixing bowl</li>
          <li>Mix together until you get a dough-type texture</li>
          <li>Fill a small bowl with a mixture of sugar and cinnamon put together</li>
          <li>Use a small scoop to scoop the dough, roll into a ball, and cover with the sugar</li>
          <li>Lay out on pan to prepare for baking (roughly 3-4 per row)</li>
          <li>Bake in oven on 350 for 12 minutes</li>
        </ol>
        </body>
      </meta>
    </head>
  </html>

Your browser information:

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

Challenge Information:

Build a Recipe Page - Build a Recipe Page

2

Hi. You have your closing meta and head elements in the wrong place. Check a boilerplate clause for the correct placement.

1 Like
3

Hi buddy, here you need to notice that head element only have this section.

Your whole code shouldn’t be added in the head section kindly do change it and change the head place.

Hope You Understand.

4

You can refer to this lecture about the importance of using an HTML boilerplate to start your lab projects:

Understanding the HTML Boilerplate - What Is an HTML Boilerplate, and Why Is It Important? | Learn | freeCodeCamp.org

5

  1. Move <body> opening tag after the </head> closing tag

  2. Remove the incorrect </meta> closing tag (meta tags are self-closing)

  3. Fix the closing </p> tag (you had <p/> instead)

6

You mean?

  1. Move </head> closing tag before the<body> opening tag.
7

Yes, you are correct!