From 6be9523c2aafd2d6fd4aae99d713039609d3b326 Mon Sep 17 00:00:00 2001
From: Nathan Walker <walkerrunpdx@gmail.com>
Date: Thu, 14 Jan 2016 17:12:17 -0800
Subject: [PATCH] docs(landing): media query for mobile to fix formatting with
 flex style

---
 public/resources/css/base/_type.scss     | 15 +++++++++++++++
 public/resources/css/module/_banner.scss |  2 +-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/public/resources/css/base/_type.scss b/public/resources/css/base/_type.scss
index 32c4ee41ee..a76b1fb592 100644
--- a/public/resources/css/base/_type.scss
+++ b/public/resources/css/base/_type.scss
@@ -208,3 +208,18 @@ table td {
     margin-right: 0;
   }
 }
+@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
+  .docs-content .card-row {
+    &[layout="row"] {
+      -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+      flex-direction: column; 
+      & > div {   
+        & > .card {
+          margin-left: 0;
+          margin-right: 0;
+        }
+      }
+    }
+  }
+}
diff --git a/public/resources/css/module/_banner.scss b/public/resources/css/module/_banner.scss
index 7c1ddd38b7..cc7a647238 100644
--- a/public/resources/css/module/_banner.scss
+++ b/public/resources/css/module/_banner.scss
@@ -12,7 +12,7 @@
   @media handheld and (max-width: $phone-breakpoint),
   screen and (max-device-width: $phone-breakpoint),
   screen and (max-width: $tablet-breakpoint) {
-    padding: ($unit * 2) 0;
+    padding: ($unit * 2);
   }
 
   &.is-centered {