mobile adaptation

liner-exe · Aug 13, 2024 · 81ee2f0 · 81ee2f0
1 parent c52f916
commit 81ee2f0
Showing 1 changed file with 40 additions and 0 deletions.
diff --git a/style.css b/style.css
@@ -212,4 +212,44 @@ h1, h2, h3, h4 {
 .footer__social-networks {
     display: flex;
     gap: 5px;
+}
+
+/*- mobile adaptation */
+
+@media (max-width: 500px) {
+    .header .container {
+        flex-direction: column;
+        gap: 10px;
+    }
+
+    .header__navbar a {
+        font-size: 12px;
+    }
+
+    .header .btn {
+        width: 70px;
+        height: 35px;
+    }
+
+    .introduction__left {
+        position: relative;
+    }
+
+    .introduction .container {
+        flex-direction: column;
+        gap: 15px;
+    }
+
+    .introduction__banner {
+        margin: 0;
+
+        width: 80%;
+        height: 80%;
+    }
+
+    .footer .container {
+        flex-direction: column;
+        gap: 10px;
+        align-items: center;
+    }
 }