improve listing

2026-01-28 07:35:00 +01:00
parent d5724805aa
commit 213c4ef52f
4 changed files with 37 additions and 72 deletions
--- a/css/components.css
+++ b/css/components.css
@@ -150,6 +150,31 @@
    .grid-cols-4, .grid-cols-3, .grid-cols-2 { grid-template-columns: 1fr; }
 }

+/* Listings Grid - responsive 2/3/4/5 columns */
+.listings-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: var(--space-md);
+}
+
+@media (min-width: 640px) {
+    .listings-grid {
+        grid-template-columns: repeat(3, 1fr);
+    }
+}
+
+@media (min-width: 900px) {
+    .listings-grid {
+        grid-template-columns: repeat(4, 1fr);
+    }
+}
+
+@media (min-width: 1200px) {
+    .listings-grid {
+        grid-template-columns: repeat(5, 1fr);
+    }
+}
+
 /* Badges */
 .badge {
    display: inline-flex;