style: cinema grid uses calc-based flex-basis for proper wrapping (3/2/1 per row)

1 files 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%;
 	}
 }