Update breakpoint to match editor tablet emulator width (#404)

Co-authored-by: svinod <svinod@adobe.com>
adobe · May 16, 2023 · 43c6191 · 43c6191
1 parent 4a039aa
commit 43c6191
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/ui.apps/src/main/content/jcr_root/apps/wknd/clientlibs/clientlib-grid/less/grid.less b/ui.apps/src/main/content/jcr_root/apps/wknd/clientlibs/clientlib-grid/less/grid.less
@@ -25,14 +25,14 @@
 }
 
 /* phone breakpoint */
-@media (max-width: 768px) {
+@media (max-width: 767px) {
   .aem-Grid {
     .generate-grid(phone, @max_col);
   }
 }
 
 /* tablet breakpoint */
-@media (min-width: 769px) and (max-width: 1200px) {
+@media (min-width: 768px) and (max-width: 1200px) {
   .aem-Grid {
     .generate-grid(tablet, @max_col);
   }

diff --git a/ui.frontend/src/main/webpack/base/sass/_variables.scss b/ui.frontend/src/main/webpack/base/sass/_variables.scss
@@ -37,7 +37,7 @@ $gutter-padding: 14px;
 $max-width: 1164px;
 $max-body-width: 1680px;
 $screen-xsmall: 475px;
-$screen-small: 768px;
+$screen-small: 767px;
 $screen-medium: 1024px;
 $screen-large: 1200px;