Learn Basic CSS by Building a Cafe Menu - Step 12

HTML-CSS
1

Hello, can someone please help me with this? I can’t figure out what I’m doing wrong, It keeps saying I added a new style tag, But I didn’t

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

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 12

2

My guess is that you have a plugin installed in your browser that is adding an extra style element behind the scenes and thus the tests think you are adding two style elements. See the note on the Responsive Web Design page:

“Note: Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests. If you face issues, we recommend disabling extensions that modify the content or layout of pages, while taking the course.”

You’ll either need to disable the plugin that is causing the problem or use a “clean” browser that doesn’t have any plugins.

3

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