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 {