Learn Basic CSS by Building a Cafe Menu - Step 23

HTML-CSS
1

Tell us what’s happening:
Hey, i have no idea what is wrong with my code in this step .
This is my hint" Your #menu selector should have a burlywood background." but seems like i did everything properly, please help me

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

#menu {
  width: 300px;
}
#menu div {
  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/117.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hello!

Try removing the div and using only the #menu and see how that works for you.

Keep up your good progress! :slight_smile:

3

Mod edit: removed solution

\here’s how I solved this puzzle- THANK YOU :slight_smile: I’m posting it because maybe someone will find it useful.

1 Like
4

Great that you solved it!
Congratulations!

Please remove the solution? The forum does not want answers posted so individuals do try to learn and ask for help if they need it.

Keep up you good progress.

5

Of course, i did it :slight_smile:

1 Like
6

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