From c0f78187256ead362628b5eaa54cf5dca50bcded Mon Sep 17 00:00:00 2001
From: Eric Jimenez <eric.jimenez@rangle.io>
Date: Mon, 9 May 2016 14:19:18 -0400
Subject: [PATCH] fix(docs landing): make docs landing responsive

---
 .../resources/css/module/_docs-landing.scss   | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/public/resources/css/module/_docs-landing.scss b/public/resources/css/module/_docs-landing.scss
index 43dddcff07..4c25132687 100644
--- a/public/resources/css/module/_docs-landing.scss
+++ b/public/resources/css/module/_docs-landing.scss
@@ -1,3 +1,9 @@
+.card-row {
+  @media screen and (max-width: 1200px) {
+    flex-direction: column !important;
+  }
+}
+
 .docs-landing {
   .button {
     margin: 0;
@@ -15,6 +21,19 @@
     width: 100%;
     height: 100%;
     min-height: 250px;
+    width: 300px;
+
+    @media screen and (max-width: 1200px) {
+      width: 400px;
+    }
+
+    @media screen and (max-width: 600px) {
+      width: 300px;
+    }
+
+    @media screen and (max-width: 321px) {
+      width: 270px;
+    }
   }
 
   md-card-content {