Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

Step 2. You should have an html element with lang set to en.
Step 3. You should have a head element within the html element.
Step 8. You should have a body element within your html element

All of these look good to me but they are being marked as incorrect. What am I doing wrong?

Your code so far

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Chocolate Chip Cookies</title>
    <meta charset="UTF-8"/>
</head>
<body>
    <h1>Chocolate Chip Cookie</h1>
    <p>Welcome to the ultimate guide for making mini chocolate chip cookies! These bite-sized treats are perfect for satisfying your sweet tooth without overindulging. Follow this simple recipe to create delicious, crispy-on-the-outside, chewy-on-the-inside mini chocolate chip cookies that everyone will love.</p>
  <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="Chocolate chip cookies ingredients on a table">
    <h2>Ingredients</h2>
    <ul>
      <li>1 cup all-purpose flour</li>
      <li>1/2 teaspoon baking soda</li>
      <li>1/4 cup unsalted butter, softened</li>
      <li>1/4 cup granulated sugar</li>
      <li>1/2 teaspoon vanilla extract</li>
      <li>1/2 cup mini chocolate chips</li>
    </ul>
    <h2>Instructions</h2>
    <ol>
      <li>Preheat your oven to 350°F (175°C) and line a baking sheet with parchment paper.
</li>
      <li>In a bowl, whisk together the flour and baking soda.</li>
      <li>In another bowl, beat the butter, sugar, and vanilla extract until creamy.
</li>
      <li>Gradually add the dry ingredients to the wet mixture, then fold in the mini chocolate chips.</li>
      <li>Drop small spoonfuls of dough onto the baking sheet.</li>
      <li>Bake for 8-10 minutes, then let cool before enjoying!</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/140.0.0.0 Safari/537.36 Edg/140.0.0.0

Challenge Information:

Build a Recipe Page - Build a Recipe Page
https://www.freecodecamp.org/learn/full-stack-developer/lab-recipe-page/build-a-recipe-page

2

You’re missing the closing tag.

4

I tried adding a closing tag and it didn’t work

5

share your updated code

1 Like
6

How do I do that? Make a new post?

7

no, share it here in a post. Create a code block with the </> button and put the code inside the code block to share it

1 Like
8

There’s no close </htm> in this code

10

I think I did that wrong

11

yeah, </> is a button, not markdown syntax

here the instruction for markdown syntax

When you enter a code block into a forum post, please precede it with three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add the backticks.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

1 Like
12

This worked, thank you. I’m assuming this is what User: fcc4b6d10c4-b540-4e2 meant by the closing

1 Like
13

are you sure about adding attributes here? is that something you have ever done before?

1 Like