Learn Basic CSS by Building a Cafe Menu - Step 12

Tell us what’s happening:
I’ve tried putting all the three elements (h1, h2, p) in a single CSS rule and I also tried to to do each one separately but in the the same style tag
The thing is the elements are correctly aligned in the preview panel but it tells me that I’m doing something wrong

Test

Sorry, your code does not pass. Try again.

Hint

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

Your code so far

<!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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Safari/605.1.15

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

Link to the challenge:

Your solution quoted here works from my end. Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL + F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.

the code works fine now, it looks like one of the extensions was causing the error
Thank you for the help!

1 Like