Tweak breakpoints for consistently when the viewport is exactly 989 o…

…r 990 px wide
Shopify · May 30, 2024 · 5b3852e · 5b3852e
1 parent 001df36
commit 5b3852e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/assets/quick-add.css b/assets/quick-add.css
@@ -173,7 +173,7 @@
   width: auto;
 }
 
-@media screen and (max-width: 990px) {
+@media screen and (max-width: 989px) {
   .quick-add-modal__content-info--bulk .quick-add__content-info__media {
     display: flex;
     margin: 0;
@@ -189,7 +189,7 @@
   }
 }
 
-@media screen and (min-width: 989px) {
+@media screen and (min-width: 990px) {
   .quick-add-modal__content-info--bulk .quick-add__info {
     flex-direction: column;
     position: sticky;
@@ -199,7 +199,7 @@
   }
 }
 
-@media screen and (max-width: 990px) {
+@media screen and (max-width: 989px) {
   .quick-add-modal__content-info--bulk {
     flex-direction: column;
   }