fix(mediaquery): Adjust xs screen breakpoint

ticketmaster · Jul 3, 2018 · 59abab0 · 59abab0
1 parent 0436a14
commit 59abab0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/catalog/index.js b/catalog/index.js
@@ -36,7 +36,7 @@ const pages = [
 
 const sizes = [
   { name: "xs mobile", width: 320, height: 568 },
-  { name: "mobile", width: 414, height: 736 },
+  { name: "mobile", width: 480, height: 736 },
   { name: "tablet", width: 768, height: 1024 },
   { name: "desktop", width: 1024, height: 768 },
   { name: "xl desktop", width: 1440, height: 1024 }

diff --git a/src/theme/constants.js b/src/theme/constants.js
@@ -9,7 +9,7 @@ const constants = {
     medium: "(min-width: 768px)",
     large: "(min-width: 1024px)",
     xLarge: "(min-width: 1440px)",
-    xSmallAndDown: "(max-width: 320px)",
+    xSmallAndDown: "(max-width: 480px)",
     mediumAndUp: "(min-width: 481px)",
     largeAndUp: "(min-width: 769px)",
     xLargeAndUp: "(min-width: 1025px)"