diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 7cdb037..26dbfe6 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,17 +1,35 @@
 ---
-const today = new Date();
+import NavLink from './NavLink.astro';
 ---
 
 <footer>
-  &copy; {today.getFullYear()}&nbsp;<span lang="pl">Maciej Pędzich</span>
+  <span>
+    &copy; {new Date().getFullYear()}&nbsp;<span lang="pl">Maciej Pędzich</span>
+  </span>
+  <nav class="cmr2-text" aria-label="Social media links">
+    <NavLink href="https://github.com/maciejpedzich">GitHub</NavLink>
+    <NavLink href="https://notacult.social/@macindahaus">Mastodon</NavLink>
+    <NavLink href="https://twitter.com/maciejpedzich">Twitter</NavLink>
+  </nav>
 </footer>
 
 <style>
   footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
     margin-top: 1.5rem;
     padding: 1rem 0;
     border-top: 1px solid #fff;
-    text-align: center;
     text-transform: lowercase;
   }
+
+  @media only screen and (max-width: 625px) {
+    footer {
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      gap: 0.75rem;
+    }
+  }
 </style>