Learn Basic CSS by Building a Cafe Menu - Step 12

Tell us what’s happening:
Below is the code for step 12 for the learn CSS by Building Cafe Menu.
This showing me error and stoping me from moving to the next level. I checked if it’s and typo or something but I can’t find any. So i feels it like a bug or something, could anyone please confirm it. Thank You
Your code so far

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

Error that I am getting:

Test: Sorry, your code does not pass. Don’t give up.

Hint: You should not add a new style tag. Add the new CSS rules to the existing style tag.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <style>
      h1 {
        text-align: center;
      }
      h2 {
        text-align: center;
      }
      p {
        text-align: center;
      }
    </style>
  </head>
  <body>
    <main>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
      <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/107.0.0.0 Safari/537.36

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

Link to the challenge:

Try to run your code in the incognito mode Or try to use some other browser. Your code is correct.

1 Like

will try, thank you for your help

It’s working fine in incognito.
I tried it again after closing and reopening the tab, but still showing the same error. do you know why?

The browser extensions you have installed are interfering with this test. You must disable them one by one to find out which ones are the cause.

2 Likes

hey, thanks for the help. it worked. it was the dark reader

1 Like