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

1 Like

How should comment then? Help me out please!

1 Like

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; */

2 Likes

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

This is it y’all! Thanks