Learn Basic CSS by Building a Cafe Menu - Step 23

Tell us what’s happening:
I’m stucked in exercise 23…
I don’t know how to add the burlywood colour to the #menu your issue in detail here.

Your code so far

/* file: index.Ext.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.Ext.css */
body {
/*
  background-color: burlywood;
*/ 
}

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

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

    

Your mobile information:

SM-A217F - Android 12 - Android SDK 31

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

Link to the challenge:

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

Hi @Amakiel

You added the background-color property to the body selector.
If you place comments around code, the code is ignored by the browser.

Please reset the step to restore the original code, then add the css property and value to the #menu selector.

Happy coding