Margin

This sentence has 0.125rem (browser renders to 2px) of margin spacing below it

This sentence has 0.25rem (browser renders to 4px) of margin spacing below it

This sentence has 0.5rem (browser renders to 8px) of margin spacing below it

This sentence has 0.75rem (browser renders to 12px) of margin spacing below it

This sentence has 1rem (browser renders to 16px) of margin spacing below it

This sentence has 1.5rem (browser renders to 24px) of margin spacing below it

This sentence has 2rem (browser renders to 32px) of margin spacing below it

This sentence has 4rem (browser renders to 64px) of margin spacing below it

This sentence has 5rem (browser renders to 80px) of margin spacing below it

This sentence has 12px of margin below it on small screens, 36px of margin on MEDIUM size screens and 72px on LARGE size screens.

Padding

This sentence has 2px of padding spacing below it

This sentence has 4px of padding spacing below it

This sentence has 8px of padding spacing below it

This sentence has 12px of padding spacing below it

This sentence has 16px of padding spacing below it

This sentence has 24px of padding spacing below it

This sentence has 32px of padding spacing below it

This sentence has 64px of padding spacing below it

This sentence has 80px of padding spacing below it

This sentence has 32px of padding spacing to the left on medium screens and above.

Center

Centered element with a margin top of 32px. First child paragraph has a margin bottom of 12px.