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>
2025-06-05 11:16:31 +01:00
parent 4ee33398c1
commit f9878d1e48
3 changed files with 16 additions and 2 deletions
--- a/src/lib/components/SpaceCard.svelte
+++ b/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>