From e0693dc2b62e93d20a9957e63b29da2a8c738c93 Mon Sep 17 00:00:00 2001
From: Sarah Conway <sarah.conway@crunchydata.com>
Date: Fri, 21 Sep 2018 20:41:30 -0700
Subject: [PATCH] fix columns

---
 static/css/style.css       | 11 ++++++++++-
 templates/pages/index.html |  6 +++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 722ce35..a465846 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -98,7 +98,6 @@ footer {
 
   .pic1, .pic2 {
       overflow: hidden;
-      width: 100%;
       position: relative;
       -webkit-background-size: cover;
       -moz-background-size: cover;
@@ -126,6 +125,16 @@ footer {
       padding-bottom: 4rem;
   }
 
+  .row.display-flex {
+      display: flex;
+      flex-wrap: wrap;
+  }
+
+  .row.display-flex > [class*='col-'] {
+      display: flex;
+      flex-direction: column;
+  }
+
   /* NAVIGATION */
 
 	.navbar-fixed-top {
diff --git a/templates/pages/index.html b/templates/pages/index.html
index 40df3ba..ab1bd47 100644
--- a/templates/pages/index.html
+++ b/templates/pages/index.html
@@ -5,7 +5,7 @@
 
 <div class="container" id="main">
 
-  <div class="row">
+  <div class="row display-flex">
     <div class="col-lg-6">
       <h2>About PgDU</h2>
       <p>
@@ -21,7 +21,7 @@
     <div class="col-lg-6 pic1"></div>
   </div>
 
-  <div class="row">
+  <div class="row display-flex">
     <div class="col-lg-6 pic2"></div>
     <div class="col-lg-6">
       <h2>Audience</h2>
@@ -35,7 +35,7 @@
         <li>IT enthusiasts who enjoy getting involved in open source</li>
       </ul>
      </div>
-    </div>
+  </div>
 
 </div>
 
-- 
2.39.5