From d53cad5208f923b0e136d2f4fa3808d9c2335c7c Mon Sep 17 00:00:00 2001
From: dev
Date: Sat, 27 Jun 2026 15:55:53 +0200
Subject: style: responsive cinema grid — 3 per row, 2 on tablets, 1 on mobile

---
 resources/views/cinema.blade.php | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/resources/views/cinema.blade.php b/resources/views/cinema.blade.php
index bce68fa..84459a5 100644
--- a/resources/views/cinema.blade.php
+++ b/resources/views/cinema.blade.php
@@ -16,6 +16,20 @@ html {
 
 .movie-card {
 	flex: 1 1 0;
+	min-width: 0;
+	max-width: 33.333%;
+}
+
+@media (max-width: 991.98px) {
+	.movie-card {
+		max-width: 50%;
+	}
+}
+
+@media (max-width: 575.98px) {
+	.movie-card {
+		max-width: 100%;
+	}
 }
 
 .movie-card .poster {
-- 
cgit v1.2.3