Comment out the the line containing the background-color property and value, so you can see the effect of only styling div element

HTML-CSS
1

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;
}

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

div {
width: 300px;
}
body {
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.64 Safari/537.36 Edg/101.0.1210.53

Challenge: Step 23

Link to the challenge:

2

HI @Bharti1 !

What do you need help with?

3

I need help with task 23 as mentioned above “comments in CSS”

4

The test wants you to place the background-color: burlywood; inside CSS comment tags

These are css comment tags.

/* comments go in here */

Hope that helps!

3 Likes
5

after placing the comment within the /* */ it brings out this message Your body should have a white background.

2 Likes
6

it would be good if you can post your issue with your code in a separate topic.

The challenge needs you to use css comment to comment the background property.

Have you made sure you have commented the background-color property, if it is commented you will be able to pass the tests.

7

I used this comment /*background-color:burlywood;*/

8

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

9

The code you have shared works on my end. Please ensure that you have disabled any extensions that interface with the freeCodeCamp website (such as Dark Mode and Ad Blocker), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

Or try another browser

10

make sure there are spaces after /* and before */ otherwise your code will work!

1 Like
11

It was amazing when saw your instructions
Thanks

1 Like
12
  1. Make sure you delete the declaration after you type it into the /* */.
1 Like
13

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