Learn Basic CSS by Building a Cafe Menu - Step 13

HTML-CSS
1

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:

2

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

3

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

4

Please show me your updated code. :slight_smile:

5

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

6

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
image1909×917 81.6 KB

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
Pre-formatted-text1356×380 401 KB

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

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

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
9

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

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

12

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.

13

Thanks man,
you just got me Unstucked…

14

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