From 949716e445f393cf22742932ce4f2a2680d57e01 Mon Sep 17 00:00:00 2001
From: Hector Ramos <hramos@fb.com>
Date: Thu, 22 Jun 2017 15:39:30 -0700
Subject: [PATCH] Adds back support for the "threeColumn" layout to
 GridBlock.js. These CSS rules were missing from the Jest CSS file that this
 example is based on.

---
 lib/src/css/main.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

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%;