I'm stuck in Level 54 help

I’m currently doing the new responsive web design course. Unfortunately i just can’t seem to pass, although i am trying everything :unamused:
It says “Hint: You should use the existing margin property to include 1em on the top and bottom.”
My result: margin {1em 0 1em 0;}
I appreciate any help thanks!

Can you provide a link to your challenge?

Hello, yes i can: https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-54

Thanks. The code you showed read as

margin {1em 0 1em 0;}

can you also show the entire code you are using to submit the test.

Malformed / incorrect syntax.
Syntax is the structure.
The structure you wrote is the whoopsie.

You need to assign an element first, then a right curly bracket to open the properties attributes for that element, then enter the properties and property values, then close the property attributes with a left curly bracket.

.class_name {
    margin-top: 10px;
    margin-left: 5px;

We can squash CSS all together in one line. The syntax must be correct is the trick:

.class_name{margin:10px;color;black;padding:10px;border:1px solid red;}


The instructions say:

All values need a unit of measurement suffix (px, em, cm, mm). It doesn’t know what to do with numbers that don’t have a measurement unit.

If adding a unit suffix doesn’t cause it to pass the test may be looking for and requiring we use separate margin properties:


this is not correct CSS
remember that you write CSS like this

selector {
    property1: value1;
    property2: value2;

Hey guys, thanks for helping. I got the answer now:
So we have 2 value here, top and bottom, and left and right. So the answer is
margin: 1em auto

thank you so much, i was losing it