Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

having trouble with step #8, tried reviewing notes and boilerplate but no help. i feel like i closed the “body” element within the “html” element but unsure. i will definitely feel stupid when realizing where i went wrong lol. first time coding so still taking notes wherever possible.

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Bacon Pancakes</title>
    <meta charset="UTF-8">
    <body>
      <h1>Bacon Pancakes!</h1>
      <p>This guide will help you create the fantastic twist that is bacon and pancakes together. This combo mixes the perfect blend between both and leaves you craving more. Make breakfast time more fun.</p>
      <h2>Ingredients</h2>
      <ul>
        <li>12 strips of bacon</li>
        <li>1 egg</li>
        <li>2 tablespoons canola oil</li>
        <li>1 cup milk</li>
        <li>1 cup flour</li>
        <li>1/4 teaspoon salt</li>
        <li>2 tablespoons sugar</li>
        <li>2 tablespoons baking powder</li>
        </ul>
      <h2>Instructions</h2>
      <ol>
        <li>Cook 12 strips bacon according to package instructions. For this recipe, I cook it slightly crispier. Set the cooked bacon on paper towels to drain and reserve a little of the bacon grease to cook the pancakes in.</li>
        <li>In a medium bowl, whisk together 1 egg, 2 tablespoons canola oil, and 1 cup milk. In a separate bowl, whisk together 1 cup flour, ¼ teaspoon salt, 2 tablespoons sugar, and 2 tablespoons baking powder. Combine the wet and dry ingredients and mix well.</li>
        <li>Finely chop 4 of the cooked strips of bacon and mix the chopped bacon into the pancake mix.</li>
        <li>Heat the skillet used for the bacon to medium heat. Place a couple of strips of bacon on the skillet, and pour some of the pancake batter over each strip of bacon. Use just enough to cover each one individually.</li>
        <li>Cook the pancakes until bubbles begin to form on the top, and flip each pancake. Continue to cook until the pancakes are golden on each side. Repeat with the remaining strips of bacon and pancake batter.</li>
        <li>Serve fresh with butter and maple syrup!</li>
        </ol>
        <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt=cooking materials and utensils>
      </body>
      </head>
    </html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36 OPR/115.0.0.0 (Edition std-1)

Challenge Information:

Build a Recipe Page - Build a Recipe Page

1 Like
2

If this is your first time coding, great job!

There’s just one small mistake: where should the <head> tag be (with its closing tag)?
What is the difference between the <head> and <body> tags?
Can one be nested inside the other?

2 Likes
3

realized the mistake, immediate face palm lol. thank you