Learn Basic CSS by Building a Cafe Menu - Step 22

HTML-CSS
1

Tell us what’s happening:

Help me here to pass this level. Seems that any comment I put doesn’t work. The CSS code and comment is as follows: body {
background-color: burlywood; /* background-color: white; */
}

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

#menu {
width: 300px;
}

In your style sheet, comment out the line containing the background-color property and value, so you can see the effect of only styling the #menu element. This will make the background white again.

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 id="menu">
      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>
        </section>
      </main>
    </div>
  </body>
</html>

/* file: styles.css */
body {

/* User Editable Region */

  background-color: burlywood; /* background-color: white; */

/* User Editable Region */

}

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

#menu {
  width: 300px; 
}

Your browser information:

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

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 22

2

You were asked to comment out the entire line.

This was the line.
So to comment it out you need to add the opening slash and asterisk to the left of the line or just above it, and the closing asterisk slash to the right of the line or just below it.