update about.md scss

assets/css/_about.scss

@@ -8,11 +8,14 @@
     list-style: none;
   }
 
+  .column > p,
+  .column > ul,
   article > p,
   article > ul {
     font-size: 1.1em;
   }
 
+  .column > p,
   article > p {
     margin: 3rem;
   }
@@ -25,5 +28,35 @@
     font-size: 2.2rem;
     line-height: 2.6rem;
   }
+
+  h3 {
+    font-size: 1.1em;
+  }
+
+  // TODO - use grid for this (maybe keep this for fallback?)
+  .row {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+
+  .column {
+    flex: 0 0 50%;
+
+    @media (min-width: 768px) {
+      flex: 0 0 33%;
+    }
+
+    h3 {
+      margin-left: 1.5em;
+      margin-right: 1.5em;
+      margin-top: 0;
+    }
+
+    li {
+      margin: 1rem 0;
+    }
+  }
 }