# Build a Recipe Page - Build a Recipe Page

**URL:** <https://forum.freecodecamp.org/t/build-a-recipe-page-build-a-recipe-page/785465>\
**Category:** Curriculum Help\
**Tags:** css, html\
**Created:** [April 10, 2026, 9:11pm UTC](https://forum.freecodecamp.org/t/build-a-recipe-page-build-a-recipe-page/785465 "2026-04-10T21:11:40Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![agomez72](https://avatars.discourse-cdn.com/v4/letter/a/c77e96/32.png) [@agomez72](https://forum.freecodecamp.org/u/agomez72)\
**Post date:** [April 10, 2026, 9:11pm UTC](https://forum.freecodecamp.org/t/build-a-recipe-page-build-a-recipe-page/785465/1 "2026-04-10T21:11:40Z")

</div>

### Tell us what’s happening:

says i should have an unordered list under my first h2 element, my second h2 element should have the text “instructions”, and i should have an ordered list element below my second h2 element

### Your code so far

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <title><meta charset="utf-8">Cheddar Cream Sauce</title>
</head>
<body>
  <h1>Cheddar Cream Sauce</h1>
  <p>How to make a cheddar cream sauce.</p>
  <h2>Ingredients<h2>
  <ul>
   <li>Heavy Cream</li>
   <li>Garlic Powder</li>
   <li>Onion Powder</li>
   <li>White Pepper</li>
   <li>Kosher Salt</li>
   <li>Corn Starch</li>
   <li>Water</li>
   <li>Cheddar Cheese</li>
  </ul>
  <h2>Instructions</h2>
  <ol>
   <li>Add cream to a pot large enough to hold it with plenty of room to allow expansion when boiling</li>
   <li>Add seasonings except salt to taste</li>
   <li>Bring seasoned team to a boil</li>
   <li>Mix corn starch with water to make a slurry with the consistancy of milk</li>
   <li>Add slurry to boiling cream, and stir till thickened</li>
   <li>Turn off the heat, add cheddar cheese and stir till fully melted and mixed into cream</li>
   <li>Season to taste with salt</li>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg"alt="image of cheddar cream sauce">
  </body>
  </html>

```

### Your browser information:

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

### Challenge Information:

Build a Recipe Page - Build a Recipe Page

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/responsive-web-design-v9/lab-recipe-page/build-a-recipe-page)**
>
> Learn to Code — For Free

---

<div class="post-metadata">

**Author:** ![dhess](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/dhess/32/406235_2.png) [@dhess](https://forum.freecodecamp.org/u/dhess)\
**Post date:** [April 10, 2026, 9:14pm UTC](https://forum.freecodecamp.org/t/build-a-recipe-page-build-a-recipe-page/785465/2 "2026-04-10T21:14:56Z")

</div>

Welcome to the forum @agomez72!

> [@agomez72](#):
>
> `<h2>Ingredients<h2>`

Please check the syntax of this HTML element.

Happy coding!

---

<div class="post-metadata">

**Author:** ![be\_happy](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/be_happy/32/339839_2.png) [@be\_happy](https://forum.freecodecamp.org/u/be_happy)\
**Post date:** [April 11, 2026, 6:18pm UTC](https://forum.freecodecamp.org/t/build-a-recipe-page-build-a-recipe-page/785465/3 "2026-04-11T18:18:52Z")

</div>

Hi Buddy, Here you can see the difference between these too…

> [@agomez72](#):
>
> `<h1>Cheddar Cream Sauce</h1>`

> [@agomez72](#):
>
> ` <h2>Ingredients<h2>`

Hope You Understand.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [May 9, 2026, 6:19pm UTC](https://forum.freecodecamp.org/t/build-a-recipe-page-build-a-recipe-page/785465/4 "2026-05-09T18:19:13Z")

</div>

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