Learn Basic CSS by Building a Cafe Menu - Step 22

HTML-CSS
1

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

 /*div*/ background-color: burlywood;

/* User Editable Region */

}

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/115.0.0.0 Safari/537.36

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

Link to the challenge:

3

Hi there and welcome to our community!

It’s helpful if you can learn to describe your issues in your own words, including any error messages you might be seeing. Not only is this a vital skill in coding but also, the more you say, the more we can help!

You are instructed to comment out this line:

Commenting out code is a useful debugging tool, as such code is ignored (not executed).
To turn a line (or block) of code into a comment, simply enclose all of the code within /* and */ (i.e. /* code here */).

4

background-color: burlywood; comment this as same as you comment div

5

Welcome to the community!
Comments should appear as the following example taken from the starting code work area.
Please note how the text is within the /* */ as what the step asks the background-color property and value be commented.

I hope this helps you!

Happy coding! :slight_smile: