Ajustement au responsive mobile de l'accueil

MareveD · Jul 12, 2024 · 2d7a0c5 · 2d7a0c5
1 parent 1579d39
commit 2d7a0c5
Show file tree

Hide file tree

Showing 3 changed files with 134 additions and 1 deletion.
diff --git a/assets/css/style.css b/assets/css/style.css
diff --git a/assets/css/style.css.map b/assets/css/style.css.map
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
@@ -1835,4 +1835,72 @@ footer {
     footer {
         padding-top: 60px;
     }
+
+    footer .footer-content .footer-menu .menu {
+        flex-direction: column;
+    }
+}
+
+@media screen and (max-width: 600px) {
+    h1 { font-size: 40px; }
+    h2 { font-size: 35px; }
+    h3 { font-size: 30px; }
+    h4 { font-size: 24px; }
+    h5 { font-size: 20px; }
+    h6 { font-size: 18px; }
+
+    .main-navigation .nav-logo .logo {
+        width: 200px;
+    }
+
+    .main-navigation .social-media {
+        padding-right: 0px;
+    }
+
+    .main-navigation .navigation .header-menu {
+        padding-right: 0px;
+    }
+
+    .main-navigation .navigation .header-menu a {
+        font-size: 50px;
+    }
+
+    .header-home .header-content .logo .logo-arrow {
+        width: 275px;
+    }
+
+    .header-home .header-content .logo .logo-image {
+        width: 200px;
+    }
+
+    .home-intro .container {
+        display: flex;
+        flex-direction: row;
+        padding: 0px;
+    }
+
+    section {
+        padding: 40px 20px;
+    }
+
+    .btn-arrow {
+        font-size: 40px;
+        line-height: 40px;
+    }
+
+    .cta-contact .cta-arrow {
+        display: none;
+    }
+
+    footer {
+        padding-top: 40px;
+    }
+
+    footer .footer-content .footer-menu {
+        padding: 0px 20px;
+    }
+
+    footer .footer-logo .shapes {
+        top: 0px;
+    }
 }