Learn Basic CSS by Building a Cafe Menu - Step 13

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**
<!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:

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

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

Please show me your updated code. :slight_smile:

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

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.

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.

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

1 Like
 h1 {
        text-align: center;
        h2 {
          text-align: center;
        }
         p {
            text-align: center; 
       }
    </style>

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.

1 Like

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

h1 {
        text-align: center;
1 Like
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

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.

Thanks man,
you just got me Unstucked…