From: Zachary Vance <vanceza@gmail.com>
Date: Wed, 17 Jun 2015 06:26:17 +0000 (-0700)
Subject: Margins should be done by column layout
X-Git-Url: https://git.za3k.com/?a=commitdiff_plain;h=f3ddbbdc66227ce6e8fc03420ea3c5ba68dfa3c7;p=za3k.git

Margins should be done by column layout
---

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 > * {