Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

“should have an html element with lang set to en.”
“should have a head element within the html element.”
“should have a body element within your html element.”

What am i missing? I can’t seem to spot it currently.

Your code so far

<!DOCTYPE html>
<html lang="en"/>
<head>
  <meta charset="UTF-8"/>
  <title>Strawberry Cake Recipe</title>
  </head>
  <body>
    <h1>Strawberry Cake</h1>
    <p>Welcome to the ultimate guide for making a delicious strawberry cake! This sweet, fruity dessert is perfect for any occasion and delivers a moist, tender crumb with bright strawberry flavor in every bite. Follow this simple recipe to create a beautiful strawberry cake that everyone will love.</p>
    <figure>
      <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="A photo of eggs,flour, sugar, and a whisk">
    </figure>
    <h2>Ingredients</h2>
    <ul>
      <li>1 cup all purpose flour</li>
      <li>1/2 teaspoon baking soda</li>
      <li>1/4 cup unsalted butter</li>
      <li>1/4 cup cane sugar</li>
      <li>1/2 teaspoon vanilla extract</li>
      <li>1/2 cup strawberries</li>
      </ul>
      <h2>Instructions</h2>
      <ol>
        <li>Preheat your oven to 350 degrees and grease a round cake pan.</li>
        <li>In a bowl, mix flour, baking powder, and salt together.</li>
        <li>In a separate bowl, beat butter and sugar until light and fluffy.</li>
        <li>Add eggs one at a time, mixing well after each.</li>
        <li>Stir in vanilla extract and strawberry puree.</li>
        <li>Gradually mix the dry ingredients into the wet mixture until just combined.</li>
        <li>Pour the batter into the prepared cake pan and smooth the top.</li>
        <li>Bake for 30-35 minutes, or until a toothpick inserted in the center comes out clean.</li>
        <li>Let the cake cool in the pan for 10 minutes, then transfer to a wire rack to cool completely.</li>
        <li>Frost with strawberry or vanilla frosting if desired, slice, and enjoy!</li>
      </ol>
  </body>

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

Welcome to the forum @ethehologram

Opening tags need a closing tag.

Check each element with an opening tag has a closing tag.

The html element is not self closing, it needs a closing tag.

Happy coding

1 Like