diff --git a/src/App.css b/src/App.css
index 97375dd..8923dcb 100644
--- a/src/App.css
+++ b/src/App.css
@@ -21,7 +21,6 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  margin-top: 10rem;
 }
 
 .card {
diff --git a/src/objects/Footer/Footer.css b/src/objects/Footer/Footer.css
index 8f308fe..56a8dee 100644
--- a/src/objects/Footer/Footer.css
+++ b/src/objects/Footer/Footer.css
@@ -10,10 +10,11 @@ footer {
     grid-template-columns: 1fr 2fr 1fr;
     opacity: 0.8;
     z-index: 200;
+    padding: 2em 0;
 }
 
 footer .middle {
-    margin-left: 50px;
+    margin-left: 2em;
 }
 
 footer .middle h2,p {
@@ -26,10 +27,12 @@ footer .middle h2,p {
 
 footer .right {
     width: 100%;
+    margin-left: 2%;
     display: grid;
-    margin-right: 50px;
+    padding: 0;
+    overflow: scroll;
     grid-column-gap: 0;
-    grid-template-columns: repeat(7, 1fr);
+    grid-template-columns: repeat(5, 1fr);
     grid-template-rows: 1fr 1fr;
     justify-items: center;
     justify-content: center;
@@ -48,7 +51,57 @@ footer .right .socials {
     align-self: start;
 }
 
+@media (max-width: 500px) {
+    footer .right {
+        margin-left: 2%;
+        display: grid;
+        padding: 0;
+        overflow: scroll;
+        grid-column-gap: 0;
+        grid-template-columns: repeat(5, 1fr);
+        grid-template-rows: 1fr 1fr;
+        justify-items: center;
+        justify-content: center;
+        align-items: center;
+    }
+
+    footer .right .socials {
+        width: 25px;
+        height: 25px;
+        align-self: start;
+    }
+
+    footer .right .socials + .empty {
+        display: none;
+    }
+}
+
 @media (max-width: 720px) {
+    footer .right {
+        margin-left: 2%;
+        display: grid;
+        padding: 0;
+        overflow: scroll;
+        grid-column-gap: 0;
+        grid-template-columns: repeat(5, 1fr);
+        grid-template-rows: 1fr 1fr;
+        justify-items: center;
+        justify-content: center;
+        align-items: center;
+    }
+
+    footer .right .socials {
+        width: 32px;
+        height: 32px;
+        align-self: start;
+    }
+
+    footer .right .socials + .empty {
+        display: none;
+    }
+}
+
+@media (min-width: 940px) {
     footer .right {
         margin-left: 2%;
         display: grid;
@@ -61,14 +114,18 @@ footer .right .socials {
         justify-content: center;
         align-items: center;
     }
+}
 
-    footer .right .socials {
-        width: clamp(16px, 0.6rem + 0.86vw, 32px);
-        height: clamp(16px, 0.6rem + 0.86vw, 32px);
-        align-self: start;
+@media (max-width: 940px) {
+    footer .right .mail-to + .empty{
+        display: none;
     }
 }
 
+footer .right .socials + .empty {
+    display: none;
+}
+
 @media (prefers-color-scheme: dark) {
     footer {
         background-color: #4C585B;
diff --git a/src/objects/Footer/Footer.tsx b/src/objects/Footer/Footer.tsx
index 6aaac8d..a61a87e 100644
--- a/src/objects/Footer/Footer.tsx
+++ b/src/objects/Footer/Footer.tsx
@@ -12,25 +12,27 @@ function Footer() {
         <div className="mail-to">
           <p><b>Mail: </b><a className="link" href="mailto:pro@quentin-leblanc.ch">pro@quentin-leblanc.ch</a></p>
         </div>
-        <div></div>
-        <div></div>
-        <div className="socials">
+        <div className="empty"></div>
+        <div className={"empty"}></div>
+        <div id="linkedin" className="socials">
           <a href="https://www.linkedin.com/in/quentin-leblanc-7b6043176/" target="_blank"><img className="social"
                                                                                                 src="src/assets/icons/linkedin.svg"
                                                                                                 alt="Quentin's LinkedIN"/></a>
         </div>
-        <div className="socials">
+        <div className={"empty"}></div>
+        <div id="git" className="socials">
           <a href="https://git.quentin-leblanc.ch/quentin" target="_blank"><img className="social"
                                                                                 src="src/assets/icons/git-alt.svg"
                                                                                 alt="Quentin's Git"/></a>
         </div>
+        <div className={"empty"}></div>
 
         <div className="socials">
           <a href="https://www.instagram.com/th3wh1t3q/" target="_blank"><img className="social"
                                                                               src="src/assets/icons/square-instagram.svg"
                                                                               alt="Quentin's Instagram"/></a>
         </div>
-        <div></div>
+        <div className={"empty"}></div>
       </div>
     </footer>
   )