Design a Cafe Menu - Step 18

HTML-CSS
1

Tell us what’s happening:

I’ve made the background-color line a comment and my page turned white as expected but my code still won’t clear.

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;

/* 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; rv:148.0) Gecko/20100101 Firefox/148.0

Challenge Information:

Design a Cafe Menu - Step 18

2

Welcome to the forum @AliciaMarie

Are you asked to comment out a selector, or a property?

Happy coding

3

These are the instructions:

“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.”

I’ve tried commenting out the line starting from the selector and the property and even just the value.

4

Hey @AliciaMarie,

The instructions mean only that line, not the entire body selector.

Technically, if you commented out body, it would have the same result, but that’s only because background-color is the only property within that selector so far.

5

I tried commenting out just the line at first and that didn’t work, which is why I tried moving the beginning of the comment in front of the selector.

6

Well, I will say that it is a fact that, it does pass the test when you have that line commented out.

7

The problem is surely the

syntax

The correction:

body {
/* background-color: burlywood; */
}