From c90ae131ce6c61a889d957a7c7a0c5ff5eeab716 Mon Sep 17 00:00:00 2001
From: Joshua Goins <josh@redstrate.com>
Date: Tue, 25 Oct 2022 16:08:36 -0400
Subject: [PATCH] Use flex for gallery images

---
 themes/red/assets/css/site.css           | 5 +++++
 themes/red/layouts/_default/gallery.html | 5 ++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/themes/red/assets/css/site.css b/themes/red/assets/css/site.css
index 1386d5a..eba3006 100644
--- a/themes/red/assets/css/site.css
+++ b/themes/red/assets/css/site.css
@@ -80,3 +80,8 @@ footer {
     border: 1px black solid;
     border-radius: 5px;
 }
+
+.gallery-con {
+    display: flex;
+    flex-wrap: wrap;
+}
\ No newline at end of file
diff --git a/themes/red/layouts/_default/gallery.html b/themes/red/layouts/_default/gallery.html
index 2ff18b4..7ccc8e4 100644
--- a/themes/red/layouts/_default/gallery.html
+++ b/themes/red/layouts/_default/gallery.html
@@ -13,8 +13,9 @@
         {{ range sort .years "year" "desc" }}
             <h4>{{ .year }}</h4>
 
+            <div class="gallery-con">
             {{ range .pieces }}
-                <figure>
+                <figure class="gallery-fig">
                     {{ $full := resources.Get (printf "%s/%s" ($.Param "json") .filename) }}
 
                     <a href="{{ $full.Permalink }}">
@@ -41,6 +42,8 @@
                     </figcaption>
                 </figure>
             {{ end }}
+
+            </div>
         {{ end }}
     {{ end }}
 {{ end }}