From 0559876649b7d05ecc343843004e93f3ebcc5ba5 Mon Sep 17 00:00:00 2001
From: Dorian <dorian@Dorians-MacBook-Air.local>
Date: Fri, 13 Feb 2026 22:58:46 +0000
Subject: [PATCH] fix: make Algos/filter grid match Films rows at 6 cards per
 row

The filter grid was using md:grid-cols-3 (3 cards) while Films
horizontal rows showed 6. Updated to md:4 lg:5 xl:6 so both
views scale consistently across breakpoints.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 docker-compose.yml   | 2 +-
 src/views/Browse.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index 8674e5c..602dc1d 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -20,7 +20,7 @@ services:
       context: .
       dockerfile: Dockerfile
       args:
-        CACHEBUST: "28"
+        CACHEBUST: "29"
         VITE_USE_MOCK_DATA: "false"
         VITE_CONTENT_ORIGIN: ${FRONTEND_URL}
         VITE_INDEEHUB_API_URL: /api
diff --git a/src/views/Browse.vue b/src/views/Browse.vue
index 518e42c..6a396f2 100644
--- a/src/views/Browse.vue
+++ b/src/views/Browse.vue
@@ -177,7 +177,7 @@
             <h2 class="content-row-title text-xl md:text-2xl font-bold text-white mb-4 px-4 uppercase">
               {{ activeAlgorithmLabel }}
             </h2>
-            <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4 md:gap-6 lg:gap-8 px-4 pt-6 pb-8">
+            <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4 md:gap-6 lg:gap-8 px-4 pt-6 pb-8">
               <div
                 v-for="content in filteredContent"
                 :key="content.id"