Learn Basic CSS by Building a Cafe Menu - Step 18

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

/* User Editable Region */
According to the instructions I had Written this code
h1, h2, p, body{
  text-align: center;
  background-color: brown;
}
but after giving control-enter, it is not passing

Your browser information:

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

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

Link to the challenge:

2

Hi there, did you have a specific question about this challenge? What are you struggling with exactly?

3

Oh I see your question further down… you were asked to apply the background-color property to the body selector only. You have applied it to several elements.
Create a separate style declaration for the body selector alone and add the property and value within that.

4

please can you help me write the code out? im still very confused

1 Like
5

This selector should only have h1, h2 and p and one property (text-align).
You should create a separate selector for the body, with the other property.

1 Like
6

Mod edit: removed solution

in this step 18, you are required to have a body selector alone, and not h1, h2, p, elements again …here you are just required to make the body of cafe menu brown

7

I have removed the solution from your post

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.

8

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