diff --git a/content/_index.html b/content/_index.html
index ff450041074..2284155c4f8 100644
--- a/content/_index.html
+++ b/content/_index.html
@@ -11,12 +11,12 @@
     <div class="grid-container">
         <div class="row max-sized">
             <div class="
-              col-xl-7 
-              col-lg-7 
-              col-md-8 
-              col-sm-10 
-              col-xs-12 
-              col-12 
+              col-xl-7
+              col-lg-7
+              col-md-8
+              col-sm-10
+              col-xs-12
+              col-12
               texts-container">
                 <div class="texts-wrap">
                     <h1 class="title-label">Rancher docs</h1>
@@ -45,20 +45,20 @@
       </div>
 
       <div class="
-        col-xl-8 
-        col-lg-8 
-        col-md-8 
-        col-sm-7 
-        col-xs-7 
-        hide-sm-down  
+        col-xl-8
+        col-lg-8
+        col-md-8
+        col-sm-7
+        col-xs-7
+        hide-sm-down
         "></div>
       <div class="
-        col-xl-4 offset-xl-0 
-        col-lg-4 offset-lg-0 
-        col-md-4 offset-md-0 
-        col-sm-10 offset-sm-1 
-        col-xs-10 offset-xs-1 
-        col-12 offset-0 
+        col-xl-4 offset-xl-0
+        col-lg-4 offset-lg-0
+        col-md-4 offset-md-0
+        col-sm-10 offset-sm-1
+        col-xs-10 offset-xs-1
+        col-12 offset-0
         texts-container background-white background-white-side-right">
         <div class="icon-container">
           <img class="icon" src="/imgs/docs/icon-document.svg">
@@ -90,25 +90,25 @@
 
         <div class="row max-sized cards-container">
             <div class="col-12 cards-wrap">
-                <div class="row card-items-wrap">
+                <div class="row center-xs card-items-wrap">
                     <div class="
-                      col-xl-6 
-                      col-lg-6 
-                      col-md-6 
-                      col-sm-12 
-                      col-xs-12 
-                      col-12 
+                      col-xl-4
+                      col-lg-4
+                      col-md-4
+                      col-sm-12
+                      col-xs-12
+                      col-12
                       card-item">
                         <div class="card-wrap">
                             <h3 class="title-label">
                                 <span class="background">2.x</span>
                                 Rancher 2.x
                             </h3>
-        
+
                             <hr/>
-        
+
                             <p class="description-label">Rancher manages all of your Kubernetes clusters everywhere, unifies them under centralized RBAC, monitors them and lets you easily deploy and manage workloads through an intuitive user interface.</p>
-        
+
                             <div class="buttons-container">
                               <a href="{{< baseurl >}}/rancher/v2.x/en/">
                                 <button class="button text">
@@ -119,23 +119,23 @@
                         </div>
                     </div>
                     <div class="
-                      col-xl-6 
-                      col-lg-6 
-                      col-md-6 
-                      col-sm-12 
-                      col-xs-12 
-                      col-12 
+                      col-xl-4
+                      col-lg-4
+                      col-md-4
+                      col-sm-12
+                      col-xs-12
+                      col-12
                       card-item">
                         <div class="card-wrap">
                             <h3 class="title-label">
                                 <span class="background">1.6</span>
                                 Rancher 1.6
                             </h3>
-        
+
                             <hr/>
-        
+
                             <p class="description-label">If you haven't yet migrated to Rancher 2.x, you can still find documentation for 1.6 here. This is only for legacy users of the 1.6 product.</p>
-        
+
                             <div class="buttons-container">
                               <a href="https://rancher.com/docs/rancher/v1.6/en/">
                                 <button class="button text">
@@ -146,23 +146,23 @@
                         </div>
                     </div>
                     <div class="
-                      col-xl-6 
-                      col-lg-6 
-                      col-md-6 
-                      col-sm-12 
-                      col-xs-12 
-                      col-12 
+                      col-xl-4
+                      col-lg-4
+                      col-md-4
+                      col-sm-12
+                      col-xs-12
+                      col-12
                       card-item">
                         <div class="card-wrap">
                             <h3 class="title-label">
                                 <span class="background">OS</span>
                                 RancherOS
                             </h3>
-        
+
                             <hr/>
-        
+
                             <p class="description-label">RancherOS is the lightest, easiest way to run Docker in production. Engineered from the ground up for security and speed, it runs all system services and user workloads within Docker containers.</p>
-        
+
                             <div class="buttons-container">
                                 <a href="{{< baseurl >}}/os/v1.x/en/">
                                 <button class="button text">
@@ -173,23 +173,23 @@
                         </div>
                     </div>
                     <div class="
-                      col-xl-6 
-                      col-lg-6 
-                      col-md-6 
-                      col-sm-12 
-                      col-xs-12 
-                      col-12 
+                      col-xl-4
+                      col-lg-4
+                      col-md-4
+                      col-sm-12
+                      col-xs-12
+                      col-12
                       card-item">
                         <div class="card-wrap">
                             <h3 class="title-label">
                                 <span class="background">RKE</span>
-                                Rancher Kubernetes Engine 
+                                Rancher Kubernetes Engine
                             </h3>
-        
+
                             <hr/>
-        
+
                             <p class="description-label">Rancher Kubernetes Engine (RKE) is an extremely simple, lightning fast Kubernetes installer that works everywhere.</p>
-        
+
                             <div class="buttons-container">
                               <a href="{{< baseurl >}}/rke/v0.1.x/en/">
                                 <button class="button text">
@@ -200,23 +200,23 @@
                         </div>
                     </div>
                     <div class="
-                      col-xl-6 
-                      col-lg-6 
-                      col-md-6 
-                      col-sm-12 
-                      col-xs-12 
-                      col-12 
+                      col-xl-4
+                      col-lg-4
+                      col-md-4
+                      col-sm-12
+                      col-xs-12
+                      col-12
                       card-item">
                         <div class="card-wrap">
                             <h3 class="title-label">
                                 <span class="background">K3S</span>
-                                K3S 
+                                K3S
                             </h3>
-        
+
                             <hr/>
-        
+
                             <p class="description-label">Lightweight Kubernetes.  Easy to install, half the memory, all in a binary less than 40mb.</p>
-        
+
                             <div class="buttons-container">
                               <a href="{{< baseurl >}}/k3s/latest/en/">
                                 <button class="button text">
@@ -227,10 +227,10 @@
                         </div>
                     </div>
                     <!-- I am the odd cow, I am here for filler and should be commented out if there an even number of cards -->
-                    <div class="
-                      col-xl-6
-                      col-lg-6
-                      col-md-6
+<!--                     <div class="
+                      col-xl-4
+                      col-lg-4
+                      col-md-4
                       col-sm-12
                       col-xs-12
                       col-12
@@ -247,7 +247,7 @@
       \__|'        \__|'
                         </pre>
                       </h3>
-                    </div>
+                    </div> -->
                 </div>
             </div>
         </div>