Assistance is appreciated

HTML-CSS
1

Tell us what’s happening:
First I would like to point out that I do not need assistance with the lesson itself. I do however have a question regarding the property values used in the lesson. As you can see below I deleted all irrelevant code. In the code below, what does the margin: 0.5rem 0; mean? I understand what 0.5rem is but what does that last 0 represent?

label {
 display: block;
 margin: 0.5rem 0;
}

   **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:100.0) Gecko/20100101 Firefox/100.0

Challenge: Step 14

Link to the challenge:

2

They are using the shorthand margin property so the 0 is for left-right margin

3

I just found that in an online search. However, would it not be top and bottom? I thought when only two were used it used top then bottom.

4

First number is top bottom, second number is left-right
MDN has a good illustration

1 Like
5

I also just found a nice illustration on W3.

6

Thank you for your assistance. It went over shorthand but I completely forgot it somehow. Its good to have a refresher!

7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.