From 97601bf29efa3d1d9e17dfcc8b2c2d5b8fb8395a Mon Sep 17 00:00:00 2001
From: "HerpieDerpie@example.com" <HerpieDerpie@example.com>
Date: Wed, 24 Jan 2024 19:00:05 +0100
Subject: [PATCH] made some changes so it handles overflow in a better way

---
 styles/project.css | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/styles/project.css b/styles/project.css
index 54c2515..e029682 100755
--- a/styles/project.css
+++ b/styles/project.css
@@ -29,12 +29,14 @@
 }
 
 #grid {
+    padding: 20px;
     width: 90%;
     height: 90%;
     display: flex;
-    justify-content: flex-start;
+    justify-content: space-evenly;
     gap:5%;
     flex-wrap: wrap;
+    overflow-y: scroll;
 }
 
 #grid > * {
@@ -99,6 +101,7 @@
         grid-template-columns: 100%;
         grid-auto-rows: 200px;
         gap:10px !important;
+        overflow-y: visible !important;
     }
     #grid:last-child {
         margin-bottom: 30px;
@@ -130,4 +133,26 @@
         grid-auto-rows: 200px;
         gap:10px !important;
     }
-}
\ No newline at end of file
+}
+
+
+
+
+::-webkit-scrollbar {
+    width: 12px !important;
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent !important;
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: var(--light-gray);
+    border-radius: 6px;
+    border: 3px solid transparent;
+    transition: all 1s !important;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background-color: var(--dark-steel);
+}