Note: A margin and padding CSS format is {property}{sides}-{size} or {property}{sides}-{breakpoint}-{size}
Property: m – for classes that set margin and p – for classes that set the padding
Sides: t – for top, b – for bottom, l – for left, r – for right, x – for x-axis, y – for y-axis, blank - for all 4 sides
Size: 0 – for no spacing, 1 (4px), 2 (8px), 3 (16px), 4 (24px), 5 (48px), 6 (64px), 7 (80px), 8 (100px), 9 (120px), 10 (150px), and auto – class for margin to prevent it from stretching out to the edges of its container.
Breakpoint: xs (0), sm (600px), md (800p), lg (992px), xl (1280px), xls (1328px), ll (1562px)