From c45246d128a6b1c3d08e93715e5736d2f5e4c096 Mon Sep 17 00:00:00 2001
From: Felipe Martin <me@fmartingr.com>
Date: Sat, 14 Dec 2019 22:57:20 +0100
Subject: [PATCH] Proper gallery css

---
 templates/macros/blog.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/templates/macros/blog.html b/templates/macros/blog.html
index 5c479cc..591f64f 100644
--- a/templates/macros/blog.html
+++ b/templates/macros/blog.html
@@ -24,11 +24,14 @@
 {% macro render_gallery(post) %}
 <div class="center">
   <h2>Gallery</h2>
-  <div style="display: flex; justify-content: center; flex-flow: row wrap; ">
+  <div class="grid">
   {% for attachment in post.children.get("gallery").attachments.order_by("_id") %}
-    <a href="/blog/{{post._slug}}/gallery/{{attachment._id}}" style="width: 30%">
-      <img src="/blog/{{post._slug}}/gallery/{{attachment._id}}">
+    <a href="/blog/{{post._slug}}/gallery/{{attachment._id}}">
+      <img src="/blog/{{post._slug}}/gallery/{{attachment._id}}" class="col-1-3">
     </a>
+    {% if loop.index is divisibleby(3) %}
+      </div><div class="grid">
+    {% endif %}
   {% endfor %}
   </div>
   <hr class="light">