diff --git a/_sass/_base.scss b/_sass/_base.scss index e605808..7447265 100644 --- a/_sass/_base.scss +++ b/_sass/_base.scss @@ -13,6 +13,7 @@ * { font-family: 'Overpass' !important; + box-sizing: border-box; } /* Basic Styling diff --git a/_sass/_layout.scss b/_sass/_layout.scss index fb1bb6d..953f648 100644 --- a/_sass/_layout.scss +++ b/_sass/_layout.scss @@ -103,7 +103,7 @@ transition: all 0.3s ease-in-out; } - @include media-query($on-palm) { + @include media-query($on-phone) { margin-top: 20px; margin-left: 0px; } @@ -387,7 +387,7 @@ padding-left: 15px; line-height: 1.4; - @include media-query($on-palm) { + @include media-query($on-phone) { flex-basis: auto; } } diff --git a/css/main.scss b/css/main.scss index d14350a..2dabb60 100755 --- a/css/main.scss +++ b/css/main.scss @@ -22,8 +22,9 @@ $grey-color-dark: darken($grey-color, 25%); // Width of the content area $content-width: 950px; -$on-palm: 900px; -$on-laptop: 950px; +$on-palm: 950px; +$on-laptop: 950px; +$on-phone: 450px;