From 1418efb9a78bf357c685e6acd6f72170de00ad38 Mon Sep 17 00:00:00 2001
From: thiloho <123883702+thiloho@users.noreply.github.com>
Date: Sun, 27 Apr 2025 11:43:09 +0200
Subject: [PATCH] Improve track grid

---
 src/pages/tracks.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/tracks.astro b/src/pages/tracks.astro
index db4baa2..71e04d8 100644
--- a/src/pages/tracks.astro
+++ b/src/pages/tracks.astro
@@ -38,7 +38,7 @@ const sortedAlbumCovers = processedAlbumCovers.sort((a, b) =>
     YouTube Music!
   </p>
   <div
-    class="not-prose relative start-1/2 end-1/2 -ms-[30vw] -me-[30vw] grid w-[60vw] max-w-[100vw] grid-cols-[repeat(auto-fit,minmax(min(100%,360px),1fr))] place-content-center gap-8"
+    class="not-prose relative start-1/2 end-1/2 -ms-[min(50vw-1rem,65ch)] -me-[min(50vw-1rem,65ch)] grid w-[100vw] max-w-[calc(min(100vw-2rem,130ch))] grid-cols-[repeat(auto-fit,minmax(min(100%,300px),1fr))] place-content-center gap-8"
   >
     {
       sortedAlbumCovers.map(({ cover, filename, artists, title }) => (