I'm stuck in Level 54 help

HTML-CSS
#1

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!

#2

Can you provide a link to your challenge?

#3

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

#4

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.

#5

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;}
#6

Sure

Step 54
Step 54779×448 20.9 KB

#7

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:
margin-left

margin-right.

#8

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

selector {
    property1: value1;
    property2: value2;
}
#9

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

#10

thank you so much, i was losing it