Margins should be done by column layout

diff --git a/cheatsheet.css b/cheatsheet.css
index 1020091ec3555396a2281268fbb626bd9e2343e1..41e2227ec129f0e1c8f0d34bcc89edb9fba6671c 100644 (file)
--- 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 fd7fd7963a00f838d954c8b575c6c66ca7068fdf..8c8e45cef1daaf4106daa47a14d9aa8b7e910fce 100644 (file)
--- 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 > * {