From 5e9f2a54f501d01f9c071e8b21b5b3775ede1463 Mon Sep 17 00:00:00 2001 From: Anxhelo Lushka Date: Mon, 6 May 2019 01:45:00 +0200 Subject: [PATCH] Test with new breakpoint for flexbox --- _sass/_base.scss | 1 + _sass/_layout.scss | 4 ++-- css/main.scss | 5 +++-- 3 files changed, 6 insertions(+), 4 deletions(-) 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;