resp

user/themes/epau-antimatter/scss/template/_custom.scss

@@ -359,6 +359,9 @@
   transition: max-height 1s ease; /* Transition CSS entre l'ouverture et la fermeture*/
   @media (max-width: 1024px) {
     max-height: 445px;
+  @media (max-width:442px) {
+    max-height: 400px;
+  }
 
   }
 }
@@ -381,20 +384,22 @@
 
 }
 
-
-
-@media (max-width: 1024px) {
-  .modular .features {
-
-    width: 80% !important;
-    margin-left: 8rem !important;
-  }
-  .modular .features .feature {
-      width: 24% !important;
-      // margin-bottom: 10rem;
+.modular .features {
+  @media (max-width: 1024px) {
+      width: 80% !important;
+      margin: auto !important;
   }
 }
 
+.modular .features .feature {
+    // margin-bottom: 10rem;
+    @media (max-width: 442px) {width: 80% ;}
+    @media (max-width: 1024px) {width: 24% ;}
+}
+
+
+
+
 .bouton-ouverture {
     position: relative;
     justify-content: center;
@@ -543,14 +548,16 @@
               font-size: 0.75rem;
               padding-right: 0.6rem;
            }
-         }
+          }
+          &:hover {
+              background-color: #000;
+              color: #fff;
+              transition:0.2s ease-in-out;
+          }
+
         }
 
-         &:hover {
-             background-color: #000;
-             color: #fff;
-             transition:0.2s ease-in-out;
-         }
+
         }
       }
     }

user/themes/epau-antimatter/scss/template/_mediaqueries.scss

@@ -1,5 +0,0 @@
-@media (max-width: 442px) {
-  h1 {
-    font-size: 1.5rem;
-  }
-}