Learn Basic CSS by Building a Cafe Menu - Step 14

HTML-CSS
#1

Tell us what’s happening:
Describe your issue in detail here.
I’m not sure what I’m doing wrong here, it’s telling to center the liners h1, h2, p in which I’ve tried but can’t figure it out. The directions are pretty vague.

  **Your code so far**

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Cafe Menu</title>
  <style>
    h1 selector1, selector2{
      property: value;
    }
    h2 selector3, selector4{
      property: value;
    }
    p selector5, selector6{
      property: value;
    }
  </style>
</head>
<body>
  <header>
    <h1>CAMPER CAFE</h1>
    <p>Est. 2020</p>
  </header>
  <main>
    <section>
      <h2>Coffee</h2>
    </section>
  </main>
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (iPhone; CPU iPhone OS 15_6_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Mobile/15E148 Safari/604.1

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

Link to the challenge:

#2

Hi there,

Take a look at the examples in this article. They should help

2 Likes
#3

since h1, h2 and h3 all have same styles, they expect you to use one type selector instead of writing multiple lines of code.

here’s what it should look like

selector1, selector 2, selector3 {property: value;}

for eg. in this case the selector should be for h1, h2 and h3 elemets.
selector1 is h1,
selector2 is h2,
selector3 is h3

property is text-align
value is center

replacing them in the code we would have

h1, h2, h3 {text-align: center}
1 Like
#4

I’ll review it, thanks a lot !

1 Like
#5

Wow thank you so much , I would’ve never gotten it!

2 Likes