Learn Basic CSS by Building a Cafe Menu - Step 18

Tell us what’s happening:

Hello everyone,

I’m really stuck here. I know I’m supposed to change the background color to brown within the body element. My code is listed below and I am having some confusion on where I am going wrong. Maybe I didn’t put my body element in the right place or set up my background-color property right. If someone could explain what I am doing wrong, that would be greatly appreciated.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <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"/>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
/* file: styles.css */

/* User Editable Region */

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

/* User Editable Region */

Your browser information:

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

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 18

You should not use these type of brackets in css < </> that is html and is not valid in css. The structure you need to follow is

   property: value;

as the directions say background-color property to brown for the body element.

Interesting. I must’ve missed that in the directions. I have a question about html and css. Are you not supposed to use <> in css at all or just under certain cicrumstances?

< > and </> brackets are for html only. They are not used in css


Awesome! That’s good info to remember.

Thank you!

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