diff --git a/resources/css/layout/footer.css b/resources/css/layout/footer.css
index 348d354..eda807c 100644
--- a/resources/css/layout/footer.css
+++ b/resources/css/layout/footer.css
@@ -57,15 +57,17 @@ footer {
   }
 
   .credits {
-    @apply w-full grid  gap-x-24 gap-y-12;
-    display: grid;
-    column-gap: 100px;
-    grid-auto-flow: column; /* clé ici */
-    grid-template-rows: repeat(2, auto);
-    grid-template-columns: repeat(4, 1fr);
+    @apply w-full grid gap-y-12 gap-x-8 lg:gap-x-12 grid-cols-1 md:grid-cols-2; /* Mobile-first: 1 column */
 
-    > :first-child {
-      grid-row: span 2;
+    @screen lg {
+      /* column-gap: 100px; */
+      grid-auto-flow: column;
+      grid-template-rows: repeat(2, auto);
+      grid-template-columns: repeat(4, 1fr);
+
+      > :first-child {
+        grid-row: span 2;
+      }
     }
   }
   .socials {
@@ -79,7 +81,7 @@ footer {
       .social-icon {
         @apply w-full h-auto;
 
-        max-width: 48px;
+        width: 48px;
       }
     }
   }