Step 23. I get this message after inserting a comment in css. "Your body should have a white background"

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**
\ file: <!DOCTYPE html>
<html>
<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" type="text/css" />
</head>
<body>
  <div>
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </div>
</body>
<html>
<!DOCTYPE html>
<html>
<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" type="text/css" />
</head>
<body>
  <div>
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </div>
</body>
<html>
\ file: body { 
background-color: burlywood; /*background-color:burlywood;*/
}

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

div {
width: 300px;
}
body { 
background-color: burlywood; /*background-color:burlywood;*/
}

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

div {
width: 300px;
}
  **Your browser information:**

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

Challenge: Step 23

Link to the challenge:

You have to delete the extra background-color. The challenge only asked you to comment out the background, it didn’t ask you to add another background.

If you delete the background-color: burlywood; that is not in the comment you will be able to pass

How should comment then? Help me out please!

You have commented the text properly but you have an extra background-color property to the left of the comment, you need to delete that.

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

1 Like

I tried this /* background */ comment but is brings out another Hint: You should comment out the background-color: burlywood; line in your CSS.

1 Like

I recommend you to click on Restart Step and then add your comment around background-color: burlywood;.

I did that already, it brings out the same Hint message

I think the instructions are not that much clear.

The instructions are quite clear for me, it just asks you to comment the background-color property and its value.

Can you post your current code?

body {

background-color: burlywood; /* background */

}

h1, h2, p {

text-align: center;

}

div {

width: 300px;

}

I already did the procedure and it sends the error message

Test

Sorry, your code does not pass. Keep trying.

Hint

Your body should have a white background.

Hello friend
Just put background-color: burlywood; enter the code
/* */

Or simply just rewind everything to where it was and hit ctrl+/ (shortcut for comment). Hope this helps

1 Like

To solve this, the line 2 of code is /* background-color: burlywood; */

1 Like

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

Test

Congratulations, your code passes. Submit your code to complete this step and move on to the next one.

2 Likes