Improvements to home page feature list

hubsrht/templates/index.html

@@ -20,15 +20,15 @@
       <a href="{{oauth_url}}">
         Log in {{icon('caret-right')}}
       </a>
-      to get started.
+      to get started, or check out some of our featured projects:
     </p>
-    <hr />
-    <h2>Featured projects</h2>
   </div>
 </div>
-<div class="row event-list">
+<div class="row" style="margin-top: 1rem">
+  <div class="col-md-12">
+    <h3>Featured projects</h3>
+    <div class="event-list feature-list">
       {% for feature in features %}
-  <div class="col-md-6">
       <div class="event">
         <h5>
           <span class="text-muted"
@@ -42,8 +42,9 @@
           {{feature.summary | md}}
         </blockquote>
       </div>
-  </div>
       {% endfor %}
+    </div>
+  </div>
 </div>
 <div class="row">
   <div class="col-md-4 offset-md-8">

scss/main.scss

@@ -124,3 +124,13 @@
     max-width: 100%;
   }
 }
+
+.feature-list {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-gap: 1rem;
+
+  .event {
+    margin: 0;
+  }
+}