From 4051e600078cb05cd439a4c4667a6865f3b3ba4b Mon Sep 17 00:00:00 2001 From: kor Date: Sat, 14 Jul 2018 21:24:25 +1200 Subject: [PATCH] Masonry grid testing. --- asset/style.css | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) diff --git a/asset/style.css b/asset/style.css index 84457c5..3e2d3b4 100644 --- a/asset/style.css +++ b/asset/style.css @@ -4,6 +4,26 @@ html { font-size:1em; } +/*#content div:nth-child(4n+1) { + grid-column-end: span 2; + grid-row-end: span 2; +} +#content div:nth-child(2) { + grid-column: 3; + grid-row: 2 / 4; + } +#content div:nth-child(5) { + grid-column: 1 / 3; + grid-row: 1 / 3; +}*/ +#content { + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-auto-rows: 100px; + grid-gap: 10px; + grid-auto-flow: dense; +} + /* LINK */ a { color:#000; @@ -20,9 +40,9 @@ a#urlseen { #entry, #entryImportant { color:#000; background:#999; - margin-bottom:1em; padding:0.5em; min-height:2.4em; + float:left; } #entryImportant { color:#DCDCDC;