diff --git a/css/style.css b/css/style.css index 365a9df..f45380c 100644 --- a/css/style.css +++ b/css/style.css @@ -157,7 +157,7 @@ width: 80%; } .grid.grid-wide { - width: 100%; + width: 96%; } .grid.sm-2 { grid-template-columns: repeat(2, 1fr); diff --git a/scss/grid/_lg.scss b/scss/grid/_lg.scss index 07bed84..180cd2a 100644 --- a/scss/grid/_lg.scss +++ b/scss/grid/_lg.scss @@ -11,8 +11,8 @@ .grid { width: grid.$grid-width; gap: grid.$gutter; - @if(grid.$gutter-sides > 0) { - padding: 0 math.div(grid.$gutter-sides, 2); + @if (grid.$gutter-sides > 0) { + padding: 0 math.div(grid.$gutter-sides, 2); } &.grid-tight { diff --git a/scss/variables/_grid.scss b/scss/variables/_grid.scss index c6a53d2..a3225c5 100644 --- a/scss/variables/_grid.scss +++ b/scss/variables/_grid.scss @@ -7,7 +7,7 @@ $include-grid: true; // Mobile grid $sm-grid-width: 92%; -$sm-grid-wide-width: 100%; +$sm-grid-wide-width: 96%; $sm-grid-narrow-width: 80%; $sm-gutter: 24px; $sm-gutter-sides: 0;