Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

Hi everyone !!
My name is Peter
ive only just started to try and learn to code only been at it for a short time.
I’m working on the Chocolate chip cookie recipe
and I’m getting a message that on h2 elements both that I’m missing a text

ingredients

instructions

ive looked at other examples and I can't see where I'm going wrong ? if anyone can help I'd very thankful Thanks again Peter !!

Your code so far

<!DOCTYPE html>
<html lang="en"></html>
<head>
<title>Chocolate Chip cookies</title>
<meta charset="utf-8">
</head>
</html>
<html><body></body></html>
<h1>Chocolate chip cookies</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="a wisk used for mixing and some eggs and flour as some of the ingredients to make yummy cookies"></img>
<h2>ingredients</h2>
  <ul>
  <li>1 cup of 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, wisk together the flour and baking soda.</li>
  <li>n 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>
</body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.4 Safari/605.1.15

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

Welcome to the forum :waving_hand:

  1. You should have one h2 element with the text Ingredients for the ingredients section.

Make sure any highlighted elements are exactly the same, incluing punctuation and capitalization, spacing

3

You’ll learn that “Hello” doesn’t equal “hello” so it’s syntax matters when it comes to these unit tests.

This is not a screenshot of your lesson but pay close attention to the gray boxes.

2025-05-09_11-37-25

4

how many html elements are you putting there?

you should have 1 (ONE) html element that contains everything else

5

lol I figured it out right after I asked the question it was the capitalization
Thank you I really appreciate the help

1 Like
6

Sometimes forming the question and posting it makes the problem more clear for yourself and the solution jumps out :+1:

7

So true lol thank you !!!

8

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.