fix: make sure media don't overlap

traefik · Dec 16, 2021 · 44c3418 · 44c3418
1 parent 4a071a2
commit 44c3418
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/stitches.config.ts b/stitches.config.ts
@@ -128,9 +128,9 @@ const stitches = createStitches({
     },
   },
   media: {
-    bp1: '(min-width: 520px)',
-    bp2: '(min-width: 900px)',
-    bp3: '(min-width: 1200px)',
+    bp1: '(min-width: 520px) and (max-width: 899px)',
+    bp2: '(min-width: 900px) and (max-width: 1199px)',
+    bp3: '(min-width: 1200px) and (max-width: 1799px)',
     bp4: '(min-width: 1800px)',
     motion: '(prefers-reduced-motion)',
     hover: '(any-hover: hover)',