From dc688be139f1a6563b68ce0c9a9b207dc6a621c4 Mon Sep 17 00:00:00 2001
From: zepp <zepp@zepps.cafe>
Date: Mon, 28 Oct 2024 18:56:53 -0400
Subject: [PATCH] Adjust figure element to flex display

---
 style/style.css | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/style/style.css b/style/style.css
index d7d3c0c..d30d29f 100644
--- a/style/style.css
+++ b/style/style.css
@@ -35,20 +35,23 @@ p {
 }
 
 .window-pane {
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr 1fr;
-    grid-template-rows: 12.5rem 12.5rem 12.5rem;
-    justify-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+    align-content: flex-start;
     align-items: baseline;
-    gap: 12px;
+    gap: 1rem;
 }
 
 .window {
     margin: 1rem 0 1rem 2rem;
 }
 
-.img-icon {
-    padding-left: 1.25rem;
+figure {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1rem;
 }
 
 .clickable-image:hover {