diff --git a/lib/src/css/main.css b/lib/src/css/main.css
index e88580762a01..7f5187ee14ba 100644
--- a/lib/src/css/main.css
+++ b/lib/src/css/main.css
@@ -759,10 +759,12 @@ a:hover code {
   padding: 0;
 }
 .gridBlock .twoByGridBlock,
+.gridBlock .threeByGridBlock,
 .gridBlock .fourByGridBlock {
   padding: 5px 0;
 }
 .gridBlock .twoByGridBlock img,
+.gridBlock .threeByGridBlock img,
 .gridBlock .fourByGridBlock img {
   max-width: 100%;
 }
@@ -899,6 +901,11 @@ a:hover code {
     flex: 1 0 50%;
     padding: 10px;
   }
+  .gridBlock .threeByGridBlock {
+    box-sizing: border-box;
+    flex: 1 0 26%;
+    padding: 10px;
+  }
   .gridBlock .fourByGridBlock {
     box-sizing: border-box;
     flex: 1 0 25%;
@@ -921,6 +928,11 @@ a:hover code {
     flex: 1 0 50%;
     padding: 10px 20px;
   }
+  .gridBlock .threeByGridBlock {
+    box-sizing: border-box;
+    flex: 1 0 26%;
+    padding: 10px;
+  }
   .gridBlock .fourByGridBlock {
     box-sizing: border-box;
     flex: 1 0 25%;