Learn Basic CSS by Building a Cafe Menu - Step 19

HTML-CSS
1

The text is centered again so the link to the CSS file is working. Add another style to the file that changes the background-color property to brown for the body element.
I have added body to the list of selectors and the background has turned brown but its saying the code does not pass
Hint You should use a body selector.
Not sure what I’m supposed to do now so any advice appreciated
Thanks in advance

   **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, body  {
 text-align: center;
 background-color: brown;
}


   **Your browser information:**

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

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

Link to the challenge:

2

Give the challenge a re-read, see if it’s asking you to change the background-color for the other elements or just the body!

3

So they want me to write a whole separate style section for the body? What is the point when I can just put body with the other selectors and it has the same result?

4

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