Learn Basic CSS by Building a Cafe Menu - Step 21

trying to adjust width to 300px, am I missing something?

<!-- 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 {
  background-color: burlywood;
}
h1, h2, p {
  text-align: center;
}  
#menu-div { width: 300px;
}

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

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

Link to the challenge:

What is the hint telling you?

For me it says that i need a menu selector

Exactly. And what selector are you using in the code pasted above?

Oh, sorry, that’s not your code above. In the future, you should open your own thread if you have an issue with a step instead of using someone else’s.

Sorry. My bad. I am fairly new and i will keep that in mind next time. I figured it out anyways

1 Like