Learn Basic CSS by Building a Cafe Menu - Step 11

Tell us what’s happening:
I have done what the question asked and centered my h1 element yet it keeps rejecting my code

h1 { text-align: center; }
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>

<!-- User Editable Region -->

    <style>
h1 {
     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:109.0) Gecko/20100101 Firefox/114.0

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

Link to the challenge:

Hello!
Perhaps there is an extension that needs to be disabled to allow it to pass, or try submitting from another browser. Try resetting and doing the step again, maybe.
Your code worked for me which is why I am making these suggestions.

1 Like

Hello
It worked when I used another browser, so yeah you are right. Thank you so much it was driving me crazy!

1 Like

You are very welcome. This is a great community ready to help each other learn together. Happy Coding! :slight_smile:

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