Learn Basic CSS by Building a Cafe Menu - Step 19

HTML-CSS
1

Tell us what’s happening:
The problem I’m facing is how to set up the body selector. I’m shooting in the dark trying to understand what it means. The only solutions i could think of are: h1, h2, p {
text-align: center;
}
h1, h2, p {
background-color: brown;
}
and the one below, though neither work. What am I missing?

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Cafe Menu</title>
  <link href="styles.css" rel="stylesheet"/>
</head>
<body>
  <header>
    <h1>CAMPER CAFE</h1>
    <p>Est. 2020</p>
  </header>
  <main>
    <section>
      <h2>Coffee</h2>
    </section>
  </main>
</body>
</html>

/* file: styles.css */
h1, h2, p {
background-color: brown; text-align: center;
} 


  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36 Edg/105.0.1343.42

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

Link to the challenge:

2

As you know here are some examples of CSS selectors:

h1, h2, p {
  text-align: center;
}

These are selecting h1 & h2 and p elements and applying a style that will align them to the center.

Now you need a body selector. Just looking now at the example of this code,
how do you think you should write it?
(Hint: imagine the word body instead of h1,h2,p and you will have the correct syntax)
Within the new css block you are to add the requested style and value.

hope this helps

3

I understand what was wrong. Much appreciated

4

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