Learn Basic CSS by Building a Cafe Menu - Step 12

Tell us what’s happening:

The code is not passing.

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/120.0.0.0 Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 12

Hey @Rahul2 welcome to the forum
You need to declare the element in just one instance separating them with commas

element1,element2,element3{
}

Happy coding

2 Likes

Welcome to the community @Rahul2 !

Your code is correct and should pass for you. It passed for me.

Try resetting the step and entering it as you have it, as this is what the instructions ask us to do make three separate selectors, one for each.

If this does not work, try submitting it from a different browser.

Any extensions, including I discovered even my password vault extension, can interfere with the system recognizing the correct answer. These should be disabled while submitting the code.

I hope this helps you.

Keep up the good progress and happy coding!