Learn Basic CSS by Building a Cafe Menu - Step 23

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

  **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: /* comment here */ 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/103.0.0.0 Safari/537.36

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

Link to the challenge:

I can see where the confusion is here. The instructions could perhaps be explained a little better. The example:

/* comment here */

Is trying to tell you that comments start with /* and end with */ and then you put the actual text of the comment in between those two. So comment here could be anything, it doesn’t have to be comment here.

To “comment out” something means to wrap it in /* and */ so that it becomes a comment and not actual code.

Does that give you enough to solve this step?

1 Like