Learn Basic CSS by Building a Cafe Menu - Step 18

HTML-CSS
1

Tell us what’s happening:

I don’t understand what it means to add a body selector in CSS(building a cafe menu)level 18 .please guide me

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>
    <main>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </body>
</html>

/* file: styles.css */

/* User Editable Region */

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

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Mobile Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 18

2

In CSS when you want to select the body element . That is the background of your page. It is represented by the body opening() tag and closing tag in html.
The code is asking you to add background-colour of brown.
“Add another style to the file that changes the background-color property to brown for the body element.”
You need to add your chosen background colour between parenthesis example.

Mod Edit: SOLUTION REMOVED

Happy Coding :grinning:

3

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.