From 0d4b3df89eecafcc49293dd686e231de6236c81f Mon Sep 17 00:00:00 2001
From: Michael Standen <screaminghawk@gmail.com>
Date: Mon, 14 Dec 2020 13:51:05 +1300
Subject: [PATCH] Posts are in two columns

---
 assets/css/main.css | 12 ++++++++++++
 posts.html          |  2 ++
 2 files changed, 14 insertions(+)

diff --git a/assets/css/main.css b/assets/css/main.css
index e9d0501..6bf7cc0 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -45,6 +45,15 @@ body {
 .flex-full {
   flex: 1 0 auto;
 }
+.flex-half {
+  display: flex;
+}
+.flex-half > * {
+  flex: 0 50%;
+}
+.flex-half > *:nth-child(2) {
+  margin-left: 12px;
+}
 p {
   line-height: 1.5;
   margin: 1.875rem 0;
@@ -507,6 +516,9 @@ footer .footer-custom-content {
   margin-top: -2.1875rem;
   filter: grayscale(90%);
 }
+.flex-half .post-image {
+  margin-top: 0;
+}
 .post-image:hover {
   filter: grayscale(0%);
 }
diff --git a/posts.html b/posts.html
index 99bec66..94fa4fa 100644
--- a/posts.html
+++ b/posts.html
@@ -5,6 +5,7 @@
 cover-img: assets/img/main-header.png
 ---
 
+<div class="flex-half">
 {% for post in site.posts %}
   <article class="post-preview">
     <a href="{{ post.url | relative_url }}">
@@ -55,3 +56,4 @@ <h3 class="post-subtitle">
 
    </article>
 {% endfor %}
+</div>