made some changes so it handles overflow in a better way

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;
     }
-}
+}
+
+
+
+
+::-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);
+}