Explain why 400 & 1200 values were chosen for Chromatic viewports

reload · Mar 9, 2023 · b0431bf · b0431bf
1 parent 9ce711b
commit b0431bf
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -11,6 +11,8 @@ export const parameters = {
     // This is because Chromatic doesn't show the cover image when the animation starts with opacity 0
     pauseAnimationAtEnd: true,
     // Set the viewport widths that Chromatic tests with globally.
+    // 400 lies between our screen-xs & screen-s variables.
+    // 1200 is the chromatic viewport we were using as default before adding an extra one for phones.
     viewports: [400, 1200]
   },
 };