Добавление адаптива

2025-02-20 09:57:27 +04:00
parent 5fbb59c5d8
commit b10336045e
1 changed files with 17 additions and 0 deletions
--- 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;