Responsive modifiers
Just the Docs 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.
Modifier | Screen size |
---|---|
(none) | All screens until the next modifier |
xs |
320px (20rem) and up |
sm |
500px (31.25rem) and up |
md |
740px (46.25rem) and up |
lg |
1120px (70rem) and up |
xl |
1400px (87.5rem) and up |