m – for classes represents margin
p – for classes represents padding
t – for classes that set margin-top or padding-top
b – for classes that set margin-bottom or padding-bottom
l – for classes that set margin-left or padding-left
r – for classes that set margin-right or padding-right
x – for classes that set both -left and -right
y – for classes that set both -top and -bottom
Blank – sets the margin or padding on all 4 sides of the element
0 – sets the margin or padding to 0
1 – Set margin or padding to .25rem (4px if font-size is 16px)
2 – Set margin or padding to .5rem (8px if font-size is 16px)
3 – Set margin or padding to 1rem (16px if font-size is 16px)
4 – Set the margin or padding to 1.5rem (24px if the font size is 16px)
5 – Set margin or padding to 3rem (48px if font-size is 16px)
0 Comments