Responsive modifiers

Spacing works in conjunction with a variety of modifiers that allow you to target specific screen sizes responsively. Use these in conjunction with spacing and display prefix and suffix classes.

ModifierScreen size
(none)All screens until the next modifier
xs320px (20rem) and up
sm500px (31.25rem) and up
md740px (46.25rem) and up
lg1120px (70rem) and up
xl1400px (87.5rem) and up