I am trying to wrap my head around the padding statement - I've seen a few uses of it that makes sense to me, but recently I came across this implementation:
padding: 30px 0;
padding is a shorthand property of
It allows multiple values:
If there is only one component value, it applies to all sides. If there are two values, the top and bottom paddings are set to the first value and the right and left paddings are set to the second. If there are three values, the top is set to the first value, the left and right are set to the second, and the bottom is set to the third. If there are four values, they apply to the top, right, bottom, and left, respectively.
padding: 30px 0 sets