Learn Basic CSS by Building a Cafe Menu - Step 25

HTML-CSS
1

I don’t really understand what they mean I’m stuck on what to do??
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 { <margin-left margin-right=auto>
  width: 80%;
  background-color: burlywood;
}

Your mobile information:

SM-A032F - Android 13 - Android SDK 33

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

Link to the challenge:

2

The syntax for a CSS rule is property: value; just like your width and background-color rules.
You should add two more CSS rules.
One has the property margin-left and the other has property margin-right. The value for each is auto.

3

New code<<<(()))(#menu { margin-left:auto margin-right;
width: 80%;
background-color: burlywood;
}…()((((()()<><>

You should set the margin-left property to auto.

I don’t understand how to connect a auto

4

No clue where you are getting all the ((((()()<><> from??

Look at the code you already have in the challenge in how you style things

You have the selectors then inside the brackets are the styles. Before even worrying about the styles I think you need to learn how to correctly format things. Again you can look at the example above. What is your selector? What are the styles you need to pass this challenge?

5

New code…

#menu { margin-left: and margin-right; properties > value=auto
width: 80%;
background-color: burlywood;
}

6

Where are you getting this from? Can you explain in words what your thought process on this step is? Look at the example I gave you. Thats how it will look except you just need to replace the selector and the styles the directions give you. There is no “and”, = sign, value, or > used in the code

7

I’m so confused on this I give up

8

Don’t give up too early.

You just follow the same syntax of “width:” but using what they’re asking for, the code must to be in two lines not one.