Learn Basic CSS by Building a Cafe Menu - Step 18

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

what am i doing wrong?

<!-- 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 */
h1, h2, p, body{
  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/107.0.0.0 Safari/537.36

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

Link to the challenge:

2

hi there, what hint are you getting?

3

they said in quote"you should use a body selector"

4

so what do you think?

5

so a body selector looks like this

body {
}

Try to reset the code and look at this one again.

6

do you mean that i should remove h1 h2 and p??

7

no, i mean you should reset the code (using the reset button)
then add the body selector as requested (don’t delete, add)

8

Could you explain why adding the body to the existing selector wouldn’t work?

9

the exercise wants you to create a new body selector, so adding it to the existing selector will make the test fail for one.
it is also possible that the body selector will be used in later steps for something else so that’s why they wanted it
or maybe they just wanted to get the learner to practice making different selectors.
It’s a programming course, so could be any or all of the above.

10

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