Learn Basic CSS by Building a Cafe Menu - Step 12

Tell us what’s happening:
So is there a reason why I can’t center all h1, h2, and p in one go? Why does it want me to do it separately for each line. Does it have something to do with better coding practices or neater looking code?

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/107.0.0.0 Safari/537.36 OPR/93.0.0.0

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

Link to the challenge:

Actually nvm, the next step literally showed me that consolidating it neatly is a valid option too.

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