Learn Basic CSS by Building a Cafe Menu - Step 23

Tell us what’s happening:

I am stuck here, can’t get out of 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 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 {
 width:300px; background-color: burlywood; 
}

/* User Editable Region */

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 23

Hi @atatemmanuel64
Use the selector with an id of menu not the actual div as you have used

Happy coding

Now use the existing #menu selector to set the background color of the div element to be burlywood.

Don’t add a new div selector. “the div element” is #menu.

Pls could you show me how to use it.

The challenge starts out like this:

#menu {
  width: 300px;
}

Using the #menu selector that’s already given in the challenge, change the background color to burlywood. In fact, your code already includes the correct line to add, but it uses the wrong selector.

(I’d rather not just write the code for you because it’s better for you to develop your own problem-solving skills as a dev. I know it’s frustrating, but you’ll have to work it out yourself. Also, welcome to the forum! :sweat_smile:)

Thank you i have done it.
Happy coding :heart_eyes:

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