From af8cd4e5fbef57a644c94a8645bec4a29716b7a9 Mon Sep 17 00:00:00 2001
From: bingus_violet <violet@violets-purgatory.dev>
Date: Thu, 14 Nov 2024 02:16:31 -0600
Subject: [PATCH 1/2] Use flex instead of grids

---
 static/style.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/static/style.css b/static/style.css
index 178066c..f9e675c 100644
--- a/static/style.css
+++ b/static/style.css
@@ -92,12 +92,13 @@ h3 {
 
 @media screen and (min-width: 650px) {
     .grid-container {
-        display: grid;
-        grid-template-columns: 1fr 1fr;
-        grid-gap: 10px;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
     }
 
     .grid-child {
+        flex: 0 0 calc(50% - 5px);
         margin: auto;
         align-content: center;
         /* border: 2px white solid; */

From d396480e14bcb3d93425a757cf2183199d225739 Mon Sep 17 00:00:00 2001
From: bingus_violet <violet@violets-purgatory.dev>
Date: Thu, 14 Nov 2024 02:21:26 -0600
Subject: [PATCH 2/2] Seperate lines

---
 static/style.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/static/style.css b/static/style.css
index f9e675c..fed12d4 100644
--- a/static/style.css
+++ b/static/style.css
@@ -103,6 +103,11 @@ h3 {
         align-content: center;
         /* border: 2px white solid; */
     }
+
+    .grid-child > div > .chip {
+        display: table;
+        margin: 5px auto;
+    }
 }
 
 .chip {