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

**URL:** <https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-13/552381>\
**Category:** Curriculum Help\
**Tags:** css, html\
**Created:** [September 9, 2022, 10:06am UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-13/552381 "2022-09-09T10:06:27Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Benxeema](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/benxeema/32/281770_2.png) [@Benxeema](https://forum.freecodecamp.org/u/Benxeema)\
**Post date:** [September 9, 2022, 10:06am UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-13/552381/1 "2022-09-09T10:06:27Z")

</div>

**Tell us what’s happening:**  
Describe your issue in detail here.  
Top of the morning to you,  
I am kind of stuck of step 13 of the cafe menu, its confusing

```
  **Your code so far**

```

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Cafe Menu</title>
  <style>
    h1 {
      text-align: center;
    }
  </style>
  <style>
    h2 {
      text-align: center;
      }
       </stle>
       <style>
    p {
      text-align: center;
    }
    </stle>
</head>
<body>
  <header>
    <h1>CAMPER CAFE</h1>
    <p>Est. 2020</p>
  </header>
  <main>
    <section>
      <h2>Coffee</h2>
    </section>
  </main>
</body>
</html>

```

```
  **Your browser information:**

```

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

**Challenge:** Learn Basic CSS by Building a Cafe Menu - Step 13

**Link to the challenge:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-basic-css-by-building-a-cafe-menu/step-13)**
>
> Learn to Code — For Free

---

<div class="post-metadata">

**Author:** ![Griff](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/griff/32/304207_2.png) [@Griff](https://forum.freecodecamp.org/u/Griff)\
**Post date:** [September 9, 2022, 10:16am UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-13/552381/2 "2022-09-09T10:16:19Z")

</div>

Hi!  
You should only have one style element with the type selectors for the h1, h2 and p elements inside.

---

<div class="post-metadata">

**Author:** ![Benxeema](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/benxeema/32/281770_2.png) [@Benxeema](https://forum.freecodecamp.org/u/Benxeema)\
**Post date:** [September 9, 2022, 10:20am UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-13/552381/3 "2022-09-09T10:20:53Z")

</div>

Hello sir, its still not going through…I am been asked to create a new H2 selector.

---

<div class="post-metadata">

**Author:** ![Griff](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/griff/32/304207_2.png) [@Griff](https://forum.freecodecamp.org/u/Griff)\
**Post date:** [September 9, 2022, 10:34am UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-13/552381/4 "2022-09-09T10:34:00Z")

</div>

Please show me your updated code. 🙂

---

<div class="post-metadata">

**Author:** ![Benxeema](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/benxeema/32/281770_2.png) [@Benxeema](https://forum.freecodecamp.org/u/Benxeema)\
**Post date:** [September 9, 2022, 10:42am UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-13/552381/5 "2022-09-09T10:42:52Z")

</div>

Forgive my question,  
How do i show it?  
i got flagged yesterday for asking so many questions

---

<div class="post-metadata">

**Author:** ![Griff](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/griff/32/304207_2.png) [@Griff](https://forum.freecodecamp.org/u/Griff)\
**Post date:** [September 9, 2022, 11:46am UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-13/552381/6 "2022-09-09T11:46:54Z")

</div>

There’s nothing wrong with asking that question. We just ask people not to make multiple topic posts for the same lesson if they’re stuck on it because it starts to clog up the forum.

You copy the code from the lesson.

 ![image](https://global.discourse-cdn.com/freecodecamp/original/4X/1/8/3/1835e89ee72a28ba39b914fcc0a5f817577af294.png)

Then you paste the code into the forum and format 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:** ![Benxeema](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/benxeema/32/281770_2.png) [@Benxeema](https://forum.freecodecamp.org/u/Benxeema)\
**Post date:** [September 9, 2022, 12:05pm UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-13/552381/7 "2022-09-09T12:05:46Z")

</div>

```auto
 h1 {
        text-align: center;
        h2 {
          text-align: center;
        }
         p {
            text-align: center; 
       }
    </style>

```

---

<div class="post-metadata">

**Author:** ![Griff](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/griff/32/304207_2.png) [@Griff](https://forum.freecodecamp.org/u/Griff)\
**Post date:** [September 9, 2022, 12:08pm UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-13/552381/8 "2022-09-09T12:08:11Z")

</div>

Please try to format the code in future. It is easier to read. I have formatted it using my moderator tools.

Do you have an opening style tag? The style element will not work without it. Other than that, your code should pass.

---

<div class="post-metadata">

**Author:** ![alfonsusac](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/alfonsusac/32/280084_2.png) [@alfonsusac](https://forum.freecodecamp.org/u/alfonsusac)\
**Post date:** [September 9, 2022, 12:08pm UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-13/552381/9 "2022-09-09T12:08:33Z")

</div>

Don’t forget to close any un-closed bracket. An open bracket `{` must be closed with `}`.

```auto
h1 {
        text-align: center;

```

---

<div class="post-metadata">

**Author:** ![Benxeema](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/benxeema/32/281770_2.png) [@Benxeema](https://forum.freecodecamp.org/u/Benxeema)\
**Post date:** [September 9, 2022, 12:22pm UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-13/552381/11 "2022-09-09T12:22:12Z")

</div>

h1 { text-align: center; h2 { text-align: center; } p { text-align: center; }

Thats what i actually did, i had my style element with the opening tags

---

<div class="post-metadata">

**Author:** ![alfonsusac](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/alfonsusac/32/280084_2.png) [@alfonsusac](https://forum.freecodecamp.org/u/alfonsusac)\
**Post date:** [September 9, 2022, 12:30pm UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-13/552381/12 "2022-09-09T12:30:57Z")

</div>

> [@Benxeema](#):
>
> h1 { text-align: center; h2 { text-align: center; } p { text-align: center; }

There is something wrong with your code.

Hint: You have to add `}` before adding another CSS rule and selectors like h2 and p.

ANother Hint: Try to count how many open bracket `{` and close bracket `}` you have in your code. It should be equal.

---

<div class="post-metadata">

**Author:** ![Benxeema](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/benxeema/32/281770_2.png) [@Benxeema](https://forum.freecodecamp.org/u/Benxeema)\
**Post date:** [September 9, 2022, 12:44pm UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-13/552381/13 "2022-09-09T12:44:33Z")

</div>

Thanks man,  
you just got me Unstucked…

---

<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:** [March 11, 2023, 12:45am UTC](https://forum.freecodecamp.org/t/learn-basic-css-by-building-a-cafe-menu-step-13/552381/14 "2023-03-11T00:45:34Z")

</div>

Closed on March 11, 2023, 12:45am UTC

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