From 050af127465b46da38f6aecd1cef3d1837850157 Mon Sep 17 00:00:00 2001
From: Knight <gitea@ghost.tel>
Date: Sat, 28 Dec 2024 11:55:28 -0500
Subject: [PATCH] Update CSS in generateSite.js to enforce a 1:1 aspect ratio
 for image containers by replacing height with padding-bottom. This change
 enhances the responsiveness and visual consistency of the site during image
 loading.

---
 generateSite.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/generateSite.js b/generateSite.js
index 1c03de2..e4812bd 100644
--- a/generateSite.js
+++ b/generateSite.js
@@ -56,7 +56,7 @@ async function generateSite() {
             position: relative;
             width: 100%;
             max-width: 100vw;
-            height: auto;
+            padding-bottom: 100%; /* Creates a 1:1 aspect ratio container */
             margin: 0 auto;
         }
         .progressive-image {