From f3ddbbdc66227ce6e8fc03420ea3c5ba68dfa3c7 Mon Sep 17 00:00:00 2001
From: Zachary Vance <vanceza@gmail.com>
Date: Tue, 16 Jun 2015 23:26:17 -0700
Subject: [PATCH] Margins should be done by column layout

---
 cheatsheet.css | 5 ++++-
 index.css      | 6 +++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/cheatsheet.css b/cheatsheet.css
index 1020091..41e2227 100644
--- a/cheatsheet.css
+++ b/cheatsheet.css
@@ -2,6 +2,9 @@
     column-width: 400px;
     -webkit-column-width: 400px;
     -moz-column-width: 400px;
+    column-gap: 10px;
+    -webkit-column-gap: 10px;
+    -moz-column-gap: 10px;
 }
 
 section {
@@ -10,8 +13,8 @@ section {
     width: 390px;
     border: 1px solid;
     border-radius: 10px;
-    margin: 5px;
     padding: 0 5px 0 5px;
+    margin: 5px 0 5px 0;
 }
 
 section > .title {
diff --git a/index.css b/index.css
index fd7fd79..8c8e45c 100644
--- a/index.css
+++ b/index.css
@@ -2,6 +2,9 @@ body {
     column-width: 400px;
     -webkit-column-width: 400px;
     -moz-column-width: 400px;
+    column-gap: 20px;
+    -webkit-column-gap: 20px;
+    -moz-column-gap: 20px;
 }
 
 .quote {
@@ -21,7 +24,8 @@ section {
     display: inline-block;
     border: 1px solid;
     border-radius: 10px;
-    margin: 10px;
+    margin-top: 10px;
+    margin-bottom: 10px;
     padding: 10px;
 }
 section > * {
-- 
2.47.3