1
0
mirror of https://github.com/thangisme/notes.git synced 2024-11-04 13:17:27 -05:00
notes/docs/utilities/responsive-modifiers.md
Peter Mosses 210e060f18 Testing default nav order
The `nav_order` fields are removed from the children of the Utilities node, which results in alphabetic order.
2019-10-11 21:43:07 +01:00

729 B

layout title parent
default Responsive Modifiers Utilities

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