feat: adjusted the cards such that it's only one column for very small widths and the cards resize for smaller widths

Co-Authored-By: Tadios Temesgen <tt2022@ic.ac.uk>

src/routes/+page.svelte

@@ -41,13 +41,22 @@
 <style>
     main {
         display: grid;
+        box-sizing: border-box;
         grid-template-columns: 1fr 1fr;
         gap: 1rem;
         padding: 1rem;
-        width: min(600px, 100vw);
+        max-width: 600px;
+        width: 100%;
+        margin: 0 auto;
     }
 
     .new-space {
         transform: rotate(45deg);
     }
+
+    @media (max-width: 20rem) {
+        main {
+            grid-template-columns: 1fr;
+        }
+    }
 </style>