From c4c99d0868efca33386a2798ec94b2d1b70dc2f4 Mon Sep 17 00:00:00 2001 From: dev Date: Sat, 27 Jun 2026 15:56:40 +0200 Subject: style: cinema grid uses calc-based flex-basis for proper wrapping (3/2/1 per row) --- resources/views/cinema.blade.php | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/resources/views/cinema.blade.php b/resources/views/cinema.blade.php index 84459a5..96431df 100644 --- a/resources/views/cinema.blade.php +++ b/resources/views/cinema.blade.php @@ -15,20 +15,19 @@ html { } .movie-card { - flex: 1 1 0; - min-width: 0; - max-width: 33.333%; + flex: 0 0 calc(33.333% - 14px); + min-width: 250px; } @media (max-width: 991.98px) { .movie-card { - max-width: 50%; + flex: 0 0 calc(50% - 10px); } } @media (max-width: 575.98px) { .movie-card { - max-width: 100%; + flex: 0 0 100%; } } -- cgit v1.2.3