1
0
mirror of https://github.com/thangisme/notes.git synced 2024-12-22 14:16:32 -05:00
notes/docs/utilities/responsive-modifiers.md
EricFromCanada 2218e6e565 Fix links and syntax
For pages in utilities/, reorder `nav_order` to follow `parent`.
2019-01-14 14:43:33 -05:00

742 B

layout title parent nav_order
default Responsive Modifiers Utilities 1

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