Learn Basic CSS by Building a Cafe Menu - Step 12

Tell us what’s happening:

Step 12

In the previous step, you used a type selector to style the h1 element. Center the h2 and p elements by adding a new type selector for each one to the existing style element.

I am submitting it as so but it keeps giving me an error “You should not add a new style tag” What am I doing wrong? Please help!!

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

  </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/122.0.0.0 Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 12

Hi there and welcome to our community!

Your code passes for me, so it may be an issue with your browser.
Have you disabled all browser extensions? These can often cause problems with the FCC tests, as they can inject additional HTML elements in the background.
You could also try a hard refresh (CTRL+F5) and/or clearing your brower cache and then resubmit the code.
If that doesn’t work, you could also try submitting the code on a different browser.

I hope that helps!

Disabling the browser extensions seems to have done the job. Thank you so much!

1 Like