Mobile fixes

joshuaogle · Mar 20, 2017 · 23f4fd0 · 23f4fd0
1 parent 213d08e
commit 23f4fd0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git 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
@@ -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)