Learn Basic CSS by Building a Cafe Menu - Step 21

Tell us what’s happening:

Describe your issue in detail here.
hello , i am stuck in this step , I wrote the #menu tag once ! I can’t solve it

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

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/122.0.0.0 Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 21

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 there. You seem to have nested your #menu selector inside a div selector. This will not allow it to work. Please do not nest CSS selectors.

Happy coding. :slight_smile:

I would reset this step, as you have a few errors in the code.
This should be the starting code:

body {
  background-color: burlywood;
}

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

Below this, you should add a #menu selector and a CSS rule with the property width and value 300px. There should be no div selector.

Hi @robertfeta1997

Please close the div selector.

Happy coding

Thanks to all , i made it . Hug :smiley:

2 Likes