From 00eb9ae55bc4d1c2bd48e4c95798cd5a6a098703 Mon Sep 17 00:00:00 2001 From: Gigi Date: Wed, 26 Nov 2025 22:28:27 +0100 Subject: [PATCH] style: use single column layout on explore --- src/styles/components/cards.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/components/cards.css b/src/styles/components/cards.css index a2a35724..7d7ded70 100644 --- a/src/styles/components/cards.css +++ b/src/styles/components/cards.css @@ -272,7 +272,7 @@ .explore-loading { min-height: 0; padding: 0.25rem 0; } .explore-error { color: rgb(239 68 68); /* red-500 */ } .explore-empty { color: var(--color-text-secondary); } -.explore-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 2rem; margin-top: 2rem; } +.explore-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; margin-top: 2rem; } .blog-post-card { background: var(--color-bg); border: 1px solid var(--color-border); border-radius: 12px; overflow: hidden; transition: all 0.3s ease; cursor: pointer; display: flex; flex-direction: column; height: 100%; } .blog-post-card:hover { border-color: var(--color-primary); transform: translateY(-4px); box-shadow: 0 8px 24px rgba(99, 102, 241, 0.15); } .blog-post-card.level-mine { border-color: color-mix(in srgb, var(--highlight-color-mine, #fde047) 60%, #333); box-shadow: 0 0 0 1px color-mix(in srgb, var(--highlight-color-mine, #fde047) 25%, transparent); }