Change sm grid breakpoint and container max-width

Makes it so that the container is no longer wider than the breakpoint used in the media query. This was never really an issue in rendering as the max-width handled it appropriately, but the mismatch was still incorrect. Fixes #18054

Change sm grid breakpoint and container max-width
Makes it so that the container is no longer wider than the breakpoint used in the media query. This was never really an issue in rendering as the max-width handled it appropriately, but the mismatch was still incorrect. Fixes #18054
0d27e12d · Mark Otto · a43dc887 · 0d27e12d
Commit 0d27e12d authored 8 years ago by Mark Otto
Hide whitespace changes
Inline Side-by-side

Showing

with 2 additions and 2 deletions
+2 -2
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -125,7 +125,7 @@ $link-hover-decoration: underline !default;

 $grid-breakpoints: (
  xs: 0,
-  sm: 544px,
+  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
@@ -138,7 +138,7 @@ $grid-breakpoints: (
 // Define the maximum width of `.container` for different screen sizes.

 $container-max-widths: (
-  sm: 576px,
+  sm: 540px,
  md: 720px,
  lg: 940px,
  xl: 1140px