Equal height for text boxes - not responsive

Signed-off-by: Benoit Donneaux <benoit@leastauthority.com>

src/_sass/_custom.scss

@@ -42,6 +42,8 @@ body {
 }
 
 #documentation .feature__wrapper {
+  display: flex;
+  flex-wrap: wrap;
   margin-bottom: auto;
 }
 
@@ -52,7 +54,6 @@ body {
 
 .feature__item {
   background-color: #eee;
-  height: 15em;
   margin-bottom: 1em;
   border-radius: 4px;
 }
@@ -85,13 +86,11 @@ body {
 }
 
 #contribute .feature__wrapper {
+  display: flex;
+  flex-wrap: wrap;
   margin-bottom: auto;
 }
 
-#contribute .feature__item {
-  height: 16em;
-}
-
 #blog {
   margin-top: 2em;
   background-color: #eee;
@@ -99,6 +98,8 @@ body {
 }
 
 .entries-grid {
+  display: flex;
+  flex-wrap: wrap;
   background-color: #eee;
   margin-bottom: auto;
   padding-left: 1em;
@@ -127,20 +128,12 @@ body {
   margin-right: auto;
 }
 
-.entries-grid::after {
+#about .feature__wrapper {
-  clear: both;
+  display: flex;
-  content: "";
+  flex-wrap: wrap;
-  display: table;
-}
-
-#about {
   background-color: #fff;
 }
 
-#about .feature__item {
-  height: 12em;
-}
-
 #about .feature__item .archive__item-title {
   padding-top: 0.5em;
 }