From 23f4fd03ef59ea179f3380f56df38e5421844f43 Mon Sep 17 00:00:00 2001 From: Joshua Ogle Date: Sun, 19 Mar 2017 20:25:46 -0600 Subject: [PATCH] Mobile fixes --- source/pages/Articles/style.sass | 5 +++-- source/pages/Home/style.sass | 10 +++++----- 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/source/pages/Articles/style.sass b/source/pages/Articles/style.sass index 46d3778..a3a97da 100644 --- a/source/pages/Articles/style.sass +++ b/source/pages/Articles/style.sass @@ -28,8 +28,9 @@ font-weight: 200 .article-summary__list - display: flex - flex-wrap: wrap + @media (min-width: $break-medium) + display: flex + flex-wrap: wrap .article flex: 0 0 50% diff --git a/source/pages/Home/style.sass b/source/pages/Home/style.sass index a6b9d6b..5b03231 100644 --- a/source/pages/Home/style.sass +++ b/source/pages/Home/style.sass @@ -10,7 +10,7 @@ body[data-current="home"] display: flex flex-direction: row justify-content: center - margin-bottom: -$base-spacing + margin-bottom: -$large-spacing margin-top: -$base-spacing padding-bottom: 0 @@ -52,17 +52,16 @@ body[data-current="home"] > a display: block flex: 0 0 48% - padding: 0 $small-spacing + margin-bottom: $base-spacing + padding: 0 $base-spacing &:nth-child(odd) margin-top: $base-spacing @media (min-width: $break-medium) + margin-bottom: 0 margin-right: 2% - &:nth-child(even) - margin-bottom: $base-spacing - @each $brand, $color in $brand-colors &.home-work--#{$brand} color: $color @@ -75,6 +74,7 @@ body[data-current="home"] p color: $muted-color font-size: $small-font-size + margin: 0 .home-articles @media (min-width: $break-medium)