Learn Basic CSS by Building a Cafe Menu - Step 25

Tell us what’s happening:
Describe your issue in detail here.

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 { margin-left auto margin-right
  width: 80%;
  background-color: burlywood;
}

/* 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/114.0.0.0 Safari/537.36 OPR/100.0.0.0

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

Link to the challenge:

1 Like

It is helpful if you can describe the issues you are facing in your own words, including any error messages which you might be seeing.

This is not the correct syntax for adding CSS rules.

The syntax should be property: value;
You should be adding a margin-left property with a value of auto and also the same for margin-right, using the same syntax as the other property/value pairs.

1 Like

Hello!

It appears you are attempting to use the short method which is fine.

The only thing is that it should appear similar to this example using a padding:

body{
padding: 0 45px;
}

No need to include the direction because the 0 is top and bottom, and the 45 px is left and right.

Hope this helps you.

Keep up the great progress!

Happy coding!

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.