Learn Basic CSS by Building a Cafe Menu - Step 25

[AlecBarden23]

Hello. I am not ashamed to ask for help. I am not sorry I am creating this post to seek help for this issue. Like I said again, I am a new coder. So please show some respect. Here is the code and the hint. I think I have everything right. But I keep getting errors. This is the last time I’m posting and I will see if I have any other questions.

Your code so far

/* file: index.Ext.html */
body {
  /* auto: burlywood;*/
}
h1, h2, p {
  auto: center;
}
div {
  auto: 80%;
   auto: burlywood;
}

/* file: styles.Ext.css */
body {
  /* auto: burlywood;*/
}
h1, h2, p {
  auto: center;
}
div {
  auto: 80%;
   auto: burlywood;
}

Your mobile information:

iPhone - iOS16.6

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

Link to the challenge:

freeCodeCamp.org

[ckim77]

For the div element, you want to specify margin-left as one of the properties and set it to auto. Something like this:

div {
margin-left: auto;
}

The margin-right property is the same as above. Happy coding~

[ooDanieloo]

@AlecBarden23

h1, h2, p {
  auto: center;
}
div {
  auto: 80%;
   auto: burlywood;
}

You changed the property from “h1, h2, p” from “text-align” to “auto”. That is not correct. Auto is not a valid property but a value.

The same it is with the div. You changed the “width” and background-color" property to “auto”.

I would suggest resetting the code to have a fresh start and just add the “margin-left” and “margin-right” PROPERTY with a VALUE of “auto” to the “div”. Then the code works.

For an example check @ckim77 's post.

Happy coding!