Learn Basic CSS by Building a Cafe Menu - Step 23

HTML-CSS
1

Tell us what’s happening:

Step 23
Now use the existing #menu selector to set the background color of the div element to be burlywood. I have a problem with figuring out how to add the #menu to my code. Whenever I add it the burlywood color disappears…

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 {
  /*
  background-color: burlywood;
  */
}

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

/* User Editable Region */


div{
  background-color: burlywood;
  width: 300px;
}

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.6 Safari/605.1.15

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 23

2

Hi there!

You have changed the #menu selector to div. Reset the challenge and only add the value burlywood with background-color within the selector.

3

Oh man, so simple. Thanks a lot!

4

Your welcome. Happy coding.

5

hi, i tried the code you just posted and it still telling me i am wrong

6

here is my code :
body {
/*
background-color: burlywood;
*/
}

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

div {
background-color: burlywood
width: 300px;
}

7

hi @gonzalezlily9715, please create your own topic to ask for help

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge. This button only appears if you have tried to submit an answer at least three times.

image
image622×306 7.96 KB

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.