Learn Basic CSS by Building a Cafe Menu - Step 12

I’m a little confused on why I keep getting an error here. I’ve tried it the way in the code and with separate CSS selectors. What am i doing wrong?

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <style>
      h1,h2,p{text-align:center;}
    </style>
  </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/108.0.0.0 Safari/537.36

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

Link to the challenge:

change it back to the single selectors (one per element)
After that, if it doesn’t work, please post the code so we can recommend the next step.

Hello! I tried that as well and got the same result. BUT it turns out that my browser extensions were messing with the editor. So turning the off helped. Thank you for replying!

1 Like