Learn Basic CSS by Building a Cafe Menu - Step 13

HTML-CSS
1

Tell us what’s happening:
I feel that my code is correct, as I checked it on W3School Grouping selector section.
The code also works in that it centers all the text
Your code so far

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

<!-- User Editable Region -->

    <style>
      h1, h2, 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/109.0.0.0 Safari/537.36 Edg/109.0.1518.55 OpenWave/95.4.6833.34

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

Link to the challenge:

2

Yes, your code is correct.

Note: Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests. If you face issues, we recommend disabling extensions that modify the content or layout of pages, while taking the course.

Have you tried disabling browser extensions?
Alternatively, you could also try resetting the lesson and repaste your code.

3

Thank you, I will try that. I repeated the text on another browser with the same result.

4

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