Learn Basic CSS by Building a Cafe Menu - Step 23

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
From my understanding, I have put the comment out the line but it still doesnt´t work; i have tried all possible options that I could think of and nothing seems to work. TIA!

  **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>
    <header>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
    </header>
    <main>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </div>
</body>
</html>

/* file: styles.css */
body {


background-color: burlywood;
/* comment here */



}

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

div {
width: 300px;
}

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

Challenge: Learn Basic CSS by Building a Cafe Menu - Step 23

Link to the challenge:

2

do you see the very first line in the css file?
it says:
/* file: styles.css */

This is a comment.
A comment is something that the browser will ignore and not try to understand.
You can put whatever you want inside it and the browser will ignore it.

People use comments to remind themselves of why they wrote the code.
They also may use them for debugging. (If you suspect that a line of code is causing a problem you can try to comment it out to see if doing so changes the results)

So, you want to comment out this line in the code:
background-color: burlywood;

How would you do it?

3

yeah I see it now… but how can I change that? doesn´t seem to work in the editor. Thanks for your answer!

4

Look at the syntax highlighting here.

Only the greyed out text is commented out.

5

thanks for your answer, how can I make it all grey?

6

Well, how does it look like the words ‘comment here’ get turned grey?

7

/background-color: burlywood;/

8

As I mentioned, to make the code commented out simply surround it with the special characters /* on the right hand side and */ on the left hand side. (Refer to the examples you have been shown)

9

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