I’m currently doing the new responsive web design course. Unfortunately i just can’t seem to pass, although i am trying everything
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
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.
https://www.w3schools.com/cssref/css_units.asp
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
.
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
Moderator edit answer out, the previous comments have good hints, if you need help open a new topic.
thank you so much, i was losing it