Spacing: Padding and Margin
Padding
Vertical padding: padding-v-[x] 0 - 4.
e.g. padding-v-1 adds 1 rem (16px) on top and bottom of element
Horizontal padding: padding-h-[x] 0 - 4.
e.g. padding-h-1 adds 1 rem (16px) to left and right of element
Top padding: padding-top-[x] 0 - 4.
e.g. padding-top-1 adds 1 rem (16px) to top of element
Bottom padding: padding-bottom-[x] 0 - 4.
e.g. padding-bottom-1 adds 1 rem (16px) to the bottom of element
Margin
Vertical margin: margin-v-[x] 0 - 4.
e.g. margin-v-1 adds 1 rem (16px) on top and bottom of element
Horizontal margin: margin-h-[x] 0 - 4.
​​​​​​​e.g. margin-h-1 adds 1 rem (16px) to left and right of element
Top margin: margin-top-[x] 0 - 4.
​​​​​​​e.g. margin-top-1 adds 1 rem (16px) to top of element
Bottom margin: margin-bottom-[x] 0 - 4.
​​​​​​​e.g. margin-bottom-1 adds 1 rem (16px) to the bottom of element