# Learn Basic CSS by Building a Cafe Menu-Step 31

**URL:** <https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-31/681986>\
**Category:** Curriculum Help\
**Created:** [March 25, 2024, 5:29am UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-31/681986 "2024-03-25T05:29:20Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![emfremberg](https://avatars.discourse-cdn.com/v4/letter/e/22d042/32.png) [@emfremberg](https://forum.freecodecamp.org/u/emfremberg)\
**Post date:** [March 25, 2024, 5:29am UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-31/681986/1 "2024-03-25T05:29:20Z")

</div>

I am very confused what is wrong here. Looked at a bunch of posted problems for this step and they say it should have “5 article elements each with 2 p elements nested inside”… that is exactly what I have. Unless I am stupid??

 ![image](https://global.discourse-cdn.com/freecodecamp/original/4X/8/2/7/827321d0f1e9d8aca8777a6173dbbd8214b3d18c.png)

```auto
<article>
            <p>French Vanilla</p>
            <p>3.00</p>
          </article>
          <article>
              <p>Caramel Macchiato </p>
              <p>3.75</p>
          </article>
          <article>
              <p>Pumpkin Spice</p>
              <p>3.50</p>
          </article>
          <article>
              <p>Hazlenut </p>
              <p>4.00 </p>
          </article>
          <article>
              <p>Mocha </p>
              <p>4.50 </p>
          </article>

```

help omg…

---

<div class="post-metadata">

**Author:** ![emfremberg](https://avatars.discourse-cdn.com/v4/letter/e/22d042/32.png) [@emfremberg](https://forum.freecodecamp.org/u/emfremberg)\
**Post date:** [March 25, 2024, 5:30am UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-31/681986/2 "2024-03-25T05:30:10Z")

</div>

found it after 87 years…

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [March 25, 2024, 8:19am UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-31/681986/3 "2024-03-25T08:19:14Z")

</div>

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

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

 ![Pre-formatted-text](https://global.discourse-cdn.com/freecodecamp/original/3X/1/b/1b18854f1059217f29370444396145cc3a0cd8ae.gif)

See [this post](https://forum.freecodecamp.org/t/forum-code-formatting/25574) to find the backtick on your keyboard.  
**Note:** Backticks (`) are not single quotes (').

---

<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:** [September 23, 2024, 8:19pm UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-31/681986/4 "2024-09-23T20:19:44Z")

</div>

Closed on September 23, 2024, 8:19pm UTC

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