Learn Basic CSS by Building a Cafe Menu - Step 12

Tell us what’s happening:

Describe your issue in detail here.
I’m either getting this feedback, " You should not add a new style tag. Add the new CSS rules to the existing style tag." or this feedback, " You should not change the existing h1 selector."

It doesn’t seem to matter what I do, even if these things center the text. I’m wondering what I’m missing, or if I found a bug.

Your code so far

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

##Second case is in response to this:

h1, h2, p {

#    text-align: center;
  #}
#</style>
<!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; rv:121.0) Gecko/20100101 Firefox/121.0

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 12

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

Welcome to the community!

Your code passes on my end.

Please check if there may be extensions causing the problem, clear the cache or try submitting from a different browser?

These often fix the issue.

Wishing good progress on your coding journey.

1 Like

Thank you! It worked on a different browser, so I think you’re onto something.
I appreciate it!

1 Like