Learn Basic CSS by Building a Cafe Menu - Step 22

hey guys , i’v been having trouble with this code /* file: styles.css /
body {
/
div
background-color: burlywood; */
} I don’t know how to comment the background-color or where and how to set it… can you give me a hand ?

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>
    <div>
      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>
        </section>
      </main>
    </div>
  </body>
</html>
/* file: styles.css */
body {
  /* div
  background-color: burlywood; */
}

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

div {
  width: 300px;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

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

Link to the challenge:

You added this extra text inside of the comment. Inside of the comment should only be the one line about the background color.

If you want to comment your css code you can easily do that by pressing Ctrl + /.

no idea how to pass this one,

/* burlywood */
background-color: burlywood;
so, I commented this ,but it doesn’t pass

Stop adding extra stuff in there.

This is what was there originally

body {
  background-color: burlywood;
}

Just add /* and */. Add absolutely nothing else.

1 Like

Comment your CSS property and it’s value both.
For example :

html { 
      /*css-property: value;*/
}
1 Like

simply comment out whatever is in your body selector

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