Learn Basic CSS by Building a Cafe Menu - Step 12

HTML-CSS
1

Tell us what’s happening:

I’m stuck on step 12 . I seem to have everything correct , but obviously I’m overlooked an error . Can anyone else see my mistake ? If so , can you please help me .

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/132.0.0.0 Safari/537.36 Edg/132.0.0.0

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 12

2

Try to add semicolon in the end of property values.

3

I’ve tried that and it says that it was still wrong

4

Clear your browser cache or change the browser and try again.

5

I really appreciate your help . I just tried that and I’m getting the same results . It’s literally centered on the menu as it should . I truly don’t understand . This is what it’s showing …

image
image593×325 9.07 KB

6

Welcome to the forum @handson20.rh

Your code passes.
Reset the step and try again. If that doesn’t work, refresh the page, disable dark mode, disable ad blockers. Or, use another browser.
If the above steps do not work, you may need to restart the computer.

Happy coding