From ae32b62552e70fdfd756f2d10a5c93076ab43a06 Mon Sep 17 00:00:00 2001
From: Mary Kate Fain <mk@mklaptop.lan>
Date: Fri, 17 Apr 2026 18:03:46 -0500
Subject: [PATCH] Show 3 playlist columns on desktop instead of 2

---
 src/components/music/MusicPlaylistsTab.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/music/MusicPlaylistsTab.tsx b/src/components/music/MusicPlaylistsTab.tsx
index a824ec8c..d6bbc53c 100644
--- a/src/components/music/MusicPlaylistsTab.tsx
+++ b/src/components/music/MusicPlaylistsTab.tsx
@@ -115,7 +115,7 @@ export function MusicPlaylistsTab() {
       {/* Playlist grid */}
       {showSkeleton ? (
         <div className="px-4 pt-2">
-          <div className="grid grid-cols-2 gap-3">
+          <div className="grid grid-cols-2 md:grid-cols-3 gap-3">
             {Array.from({ length: 6 }).map((_, i) => (
               <MusicPlaylistCardSkeleton key={i} />
             ))}
@@ -123,7 +123,7 @@ export function MusicPlaylistsTab() {
         </div>
       ) : filtered.length > 0 ? (
         <div className="px-4 pt-2">
-          <div className="grid grid-cols-2 gap-3">
+          <div className="grid grid-cols-2 md:grid-cols-3 gap-3">
             {filtered.map((ev) => (
               <MusicPlaylistCard key={ev.id} event={ev} />
             ))}