From ad8509dd2f81d7e7c4aeeca8b1cdb28b93e11f81 Mon Sep 17 00:00:00 2001
From: Cole Bemis <colebemis@gmail.com>
Date: Sun, 26 Feb 2017 15:15:28 -0800
Subject: [PATCH] Style icons section

---
 _includes/icons.html | 16 +++++++++-------
 style.scss           | 11 +++++++++--
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/_includes/icons.html b/_includes/icons.html
index a6e1c93..a5952ea 100644
--- a/_includes/icons.html
+++ b/_includes/icons.html
@@ -1,8 +1,10 @@
-<section>
-  {% for icon in site.data.icons %}
-    {% capture icon_path %}icons/{{ icon }}.svg{% endcapture %}
-    <div class="feather-icon">
-      {% include_relative {{ icon_path }} %}
-    </div>
-  {% endfor %}
+<section class="section icons">
+  <div class="container icons-container">
+    {% for icon in site.data.icons %}
+      {% capture icon_path %}icons/{{ icon }}.svg{% endcapture %}
+      <div class="feather-icon">
+        {% include_relative {{ icon_path }} %}
+      </div>
+    {% endfor %}
+  </div>
 </section>
\ No newline at end of file
diff --git a/style.scss b/style.scss
index 8989c25..e86cfcf 100644
--- a/style.scss
+++ b/style.scss
@@ -33,6 +33,7 @@ a {
   display: flex;
   flex-direction: column;
   align-items: center;
+  padding: 4rem 0;
 }
 
 .container {
@@ -59,7 +60,6 @@ a {
 /* Header */
 
 .header {
-  padding: 4rem 0;
   border-bottom: 1px solid black;
   text-align: center;
 
@@ -114,10 +114,17 @@ a {
 
 /* Icons */
 
+.icons-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+
 .feather-icon {
   display: inline-block;
   width: 1.5rem;
   height: 1.5rem;
+  margin: 1rem;
   stroke-width: 2px;
 
   > svg {
@@ -131,7 +138,7 @@ a {
 /* Request */
 
 .request {
-  padding: 4rem 0;
+  background-color: lightgray;
 }
 
 .request-container {