Posts are in two columns

Ao-Collaboration · Dec 14, 2020 · 0d4b3df · 0d4b3df
1 parent c780aa0
commit 0d4b3df
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git 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
@@ -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>