Learn Basic CSS by Building a Cafe Menu - Step 12

Tell us what’s happening:
So i centered all the elements:

i also tried:

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

and:

h1 {
text-align: center;
}

h2, p {
text-align: center;
}

all of them worked in centering but it doenst accept my answer!

thxx in advance :slight_smile:
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:

Is this code passing? This step is asking for three separate CSS rules.

Your solution 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.

i had skipped it by just changing the url but the progress was not accepted, i tried it in chrome instead of safari so safari is the problem, i have many adblockers in chrome and also tried safari incognito which didnt work so safari was the problem thx :slight_smile:

1 Like