diff --git a/_scss/_content.scss b/_scss/_content.scss
index 4f968f7ee7..06a703a7fa 100755
--- a/_scss/_content.scss
+++ b/_scss/_content.scss
@@ -59,17 +59,28 @@ code {
  */
 
 .component-container {
-    padding: 0;
-    margin: 0 0 50px;
-    width: 100%;
-}
+  padding:  0;
+  margin:   0 0 50px;
+  width:    100%;
 
-.component {
-    padding: 15px 25px 5px 15px;
+  .block {
+    padding: 0 15px 10px 15px;
+  }
+
+  .row {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .row > [class*='col-'] {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .component {
+    padding: 15px 25px 15px 15px;
     text-align: center;
-    margin: 0 8px 15px;
     float: left;
-    height: 250px;
+    height: 100%;
     width: 100%;
     background: $bg-component;
     img {
@@ -80,11 +91,12 @@ code {
       justify-content: center;
     }
     h2 {
-      font-size: 22px;
+      font-size: 18px;
     }
     h2, h3, p {
       margin: 0;
     }
+  }
 }
 
 a.anchorLink {
diff --git a/_scss/_utilities.scss b/_scss/_utilities.scss
index 50a6667cee..35bd445db3 100755
--- a/_scss/_utilities.scss
+++ b/_scss/_utilities.scss
@@ -67,11 +67,6 @@ i.fa.fa-outdent {
     opacity: 0.5;
 }
 
-.block {
-    padding: 0 15px 10px 15px;
-}
-
-
 /* Inline graphics and icons (like the whale menu icon in d4mac, d4win) */
 img.inline {
     display: inline;