Learn Basic CSS by Building a Cafe Menu - Step 25

Tell us what’s happening:

I don’t know what I am doing wrong here. #menu {width: 80%; background-color: burlywood;
auto :margin-right;
auto :margin-left;}

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <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"/>
    <div id="menu">
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
/* file: styles.css */
body {
  background-color: burlywood;

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

/* User Editable Region */

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

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

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 25

You’re just listing it backwards! :slight_smile:
Your CSS should look like:
Mod edit: removed solution
Happy Coding, and good luck!


It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

Flip these around. There is no auto styling, you need to give the auto value to the margin-left and margin-right styles

Oops! I’m sorry, I had no idea. Thank you!!