Rename responsive-modifiers.md to responsive-modifiers

2021-01-01 12:31:57 -06:00
parent cd92459933
commit ce4c860f80
1 changed files with 0 additions and 0 deletions
@@ -0,0 +1,18 @@
+---
+layout: default
+title: Responsive Modifiers
+parent: 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              |