Learn Basic CSS by Building a Cafe Menu - Step 21

HTML-CSS
1

Tell us what’s happening:

i followed the example code but i still get the hint you should have a #menu selector

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

/* User Editable Region */

body {#menu { width: 250;}
  background-color: burlywood;
}

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

/* 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/128.0.0.0 Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 21

2

your #menu selector should be written on its own line and not be nested in the body section.

reset, then find an empty line in the editor to write your new code in.