Learn Basic CSS by Building a Cafe Menu - Step 22

HTML-CSS
1

In your style sheet, comment out the line containing the background-color property and value, so you can see the effect of only styling the #menu element. This will make the background white again.

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

}

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

1 Like
2

It doesn’t look like you’ve made any changes to the original CSS. You don’t need to repeat the instructions for us. But please explain what you don’t understand about them so we know how to help you.

1 Like
3

As you can see, the text " user editable region " inputed as a comment in your submission, that is how you comment in css.
you are asked to make the previous code you inputed , i.e the background-color to be turned into a comment.
It goes thus: / * comment */ . so just input the necessary symbols before and after the the background color attribute and value.

4

CSS Comments – How to Comment out CSS.

5

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