Learn Basic CSS by Building a Cafe Menu - Step 25

HTML-CSS
1

Tell us what’s happening:

my co de is not run i trieed many times 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: 80%;
  background-color: burlywood;
}
#menu{margin-left: auto;
 margin-right: auto;
}

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

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 25

2

Hi there!
You have created a duplicate #menu selector. You need to add new properties and it’s values within the existing selector. Reset the challenge step and try again.

3

still not working
i tried it

4

Can you please post your updated code. Put 3 backticks before and after the block of code.

5

hi @hrridham9 please create your own topic to ask for help

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge. This button only appears if you have tried to submit an answer at least three times.

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.