Learn Basic CSS by Building a Cafe Menu - Step 25

HTML-CSS
1

I have to apply margin-left:auto, margin-right:auto to #menu which has been done but I keep getting prompt that the margin-left property is not set

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;
}

#menu {
  width: 80%;
  background-color: burlywood;
		margin-left:auto
		margin-right:auto   
}

Your mobile information:

YAL-L21 - Android 10 - Android SDK 29

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

Link to the challenge:

2

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!

3

It’s been fixed. I did not add colon at the end.