Learn Basic CSS by Building a Cafe Menu - Step 13

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

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;
      }
    </style>
    <style>
      h2 {
        text-align: center;
      }
    </style>
    <style>
      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

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

Link to the challenge:

2

You still have three individual type selectors. You don’t need to add extra style tags. You should just have one opening <style> tag and one closing </style> tag. What you want to do is combine the three individual type selectors into one select list. Look at the example in the instructions to see how two selectors can be combined. Notice what they are separated with. Use that as an example of how to combine three.

3

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