diff --git a/css/style.css b/css/style.css
index 6993c75..9a46378 100644
--- a/css/style.css
+++ b/css/style.css
@@ -74,6 +74,23 @@ header {
     justify-content: space-around;
 }
 
+@media (max-width: 767px) {
+    .container {
+        margin: 0 5%;
+    }
+    .film-collection {
+        flex-direction: column; 
+        align-items: center;
+        justify-content: flex-start; 
+    }
+
+    .film-collection > * {
+        width: 100%; 
+        margin-bottom: 10px;
+    }
+    
+}
+
 .film {
     display: flex;
     flex-direction: column;