Learn Basic CSS by Building a Cafe Menu - Step 18

HTML-CSS
1

Tell us what’s happening:

Hello everyone, kindly help me out.

Screenshot 2023-11-16 at 12.24.32
Screenshot 2023-11-16 at 12.24.32731×620 80.6 KB

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;
}
<body>
p {color:brown}
</body>

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Safari/605.1.15

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 18

2

Hello @Answer_Alyosha !

This is not the correct syntax for css.

It should be as the following example:

element{
property: value;
}

in place of the element would be body
in place of the property would be background-color
in place of the value would be brown

Keep up the good progress!

2 Likes
3

Appreciate your help Gray. I tried it but still finding it difficult.

Screenshot 2023-11-16 at 18.16.54
Screenshot 2023-11-16 at 18.16.54731×620 40.1 KB

4

Look at the directions again

" Add another style to the file that changes the background-color property to brown for the body element."

The keywords here are “add another” it doesnt mean to use the same style as the h1, h2, and p. You have to add a style where body is by itself

2 Likes
5

Gratitude Cody! I’m really new into coding, just cracking along but I know I’ll get there. Unto the next!!!

1 Like
6

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