thang/notes
1
0
Fork 0
mirror of https://github.com/thangisme/notes.git synced 2024-11-20 04:25:59 -05:00
Code Issues Projects Releases Wiki Activity
8e5b0f23e6
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
Raw Blame History

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