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/lib/components/Navbar.svelte

@@ -24,6 +24,7 @@
         height: 4rem;
         top: 0;
         left: 0;
+        right: 0;
         background: linear-gradient(-77deg, #2e4653, #3a5b56);
         box-shadow: 0rem 0rem 0.5rem #182125;
         align-items: center;
@@ -33,6 +34,7 @@
         display: block;
         height: 100%;
     }
+
     .logo img {
         height: 100%;
     }

src/lib/components/SpaceCard.svelte

@@ -25,6 +25,8 @@
         display: flex;
         flex-direction: column;
         background-color: #49bd85;
+        width: 100%;
+        max-width: 20rem;
     }
     .description {
         padding: 0.5rem;
@@ -32,7 +34,8 @@
         font-size: 0.875rem;
     }
     img {
-        width: 16rem;
+        width: 100%;
+        height: auto;
         aspect-ratio: 1 / 1;
     }
 </style>