Learn Basic CSS by Building a Cafe Menu - Step 12

Tell us what’s happening:
The test seems to think that I’m adding a new style element. Following the directions provided results in the following error:

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>

<!-- 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/115.0.0.0 Safari/537.36

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

Link to the challenge:

I’m guessing you have a plugin/extension installed (perhaps dark mode) in your browser that is adding a style element behind the scenes and thus the tests think you are adding it. You can try disabling your extensions until you find the one that is causing the problem, or use a different, “clean” browser without any extensions.

1 Like

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