]> git.za3k.com Git - za3k.git/commitdiff
Margins should be done by column layout
authorZachary Vance <vanceza@gmail.com>
Wed, 17 Jun 2015 06:26:17 +0000 (23:26 -0700)
committerZachary Vance <vanceza@gmail.com>
Wed, 17 Jun 2015 06:26:17 +0000 (23:26 -0700)
cheatsheet.css
index.css

index 1020091ec3555396a2281268fbb626bd9e2343e1..41e2227ec129f0e1c8f0d34bcc89edb9fba6671c 100644 (file)
@@ -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 {
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 > * {