Notation
The classes have a format of {property}{side}-{size-number}
Here property is
m
- margin
p
- padding
Side is one of these
x
- applies on right and left side of element
y
- applies on top and bottom side of element
t
- applies on top of element
r
- applies on right of element
b
- applies on bottom of element
l
- applies on left of element
And here size is one of these
Sizes start from 0 which set margin or padding to 0
Now sizes range from 1-16
and each increment in size number will increase spacing by 0.25rem
.