Utilities
Spacing
We can add space to an element with either padding or margin
Simply put:
Use padding for spacing within an element. Use margin for spacing between elements.
In order to simplify padding and margin, we created these classes:
To break that down, you first start with a "p" or "m" referring to padding or margin.
The next letter defines where to add the space top, bottom, left, right, or left and right
Finally, we add a number to the end to set how much space we want to add in pixels
The values can be 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 75, or 100
Note that you can use both padding and margin on the same element