Learn Basic CSS by Building a Cafe Menu - Step 22

Tell us what’s happening:

Describe your issue in detail here.
I am stuck in this step, not knowing how to comment the line

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 id="menu">
      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>
        </section>
      </main>
    </div>
  </body>
</html>
/* file: styles.css */
body {

/* User Editable Region */

  background-color: burlywood;

/* User Editable Region */

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

#menu {
  width: 300px;
}

Your browser information:

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

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 22

You have to comment the actual line of code out. Example:

div {
   background-color: blue;
   /* background-color: red; */
}

In this example, the div element will have a background color of blue because the other line, which would change the color to red, is commented out and won’t be interpreted as code by the computer.

1 Like

Can you articulate what’s not making sense?

2 Likes

Welcome to the community @nyuntk060 !

If you look at @shy_away’s example, the text between the /* */ is commented out.

As explained, the background-color: blue; will remain visible. However, the background-color: red will not be seen nor processed through the system because it has been placed within the /* */ to comment it out.

I hope you can understand the great guidance provided by @shy_away, now, and are able to move on in your coding journey!

Happy coding!

2 Likes

I am trying it again. Thanks to you, @shy_away and to you, @Gray.n.Grey . That thing just dragged my speed down but I am working on it now.

2 Likes

Hello @nyuntk060 !

I hope you have been able to move on in your coding journey.

If the above guidance helped you clear up the problem, it would be appreciated if you could provide shy_away with the solution by checked as their guidance was the key.

Keep the good progress up and if you need more help, the community is here for you.

Happy coding!

You’re requested to comment out the background styling. This simply means you should make the background-color and it’s value a comment like this:
Mod edit: removed

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.