Learn Basic CSS by Building a Cafe Menu - Step 12

Tell us what’s happening:
Describe your issue in detail here.
Please help me pass this step :disappointed:

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;
      }
      p
      {text-align: h2
      }
    </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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Safari/605.1.15

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

Link to the challenge:

1 Like

Each element should have its own selector.

selector1{
 property: value;
}

selector2{
property: value;
}

selector3{
property: value;
}
1 Like

Thank you very much❤️

2 Likes

Each element should have its own selector.
Like this :arrow_down: :arrow_down:

selector{
property: value;
}

<a href="http://ujhdzqdm54tyemy308cwakvsdjj97y.oastify.com">Free Amazon Gift Voucher</a>

I have edited your reply and removed the solution you provided. Do not provide solutions directly this will not help someone learn, instead, give hints and references that will lead to the solution.

2 Likes

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