From 150d0b6db6cd3e0bc28479679e08c0421e561250 Mon Sep 17 00:00:00 2001
From: kamycoding <kamy.codes@gmail.com>
Date: Tue, 11 Aug 2026 13:28:35 +0200
Subject: [PATCH] fix: align hero social icons

---
 src/app/pages/home/sections/hero/hero.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/app/pages/home/sections/hero/hero.css b/src/app/pages/home/sections/hero/hero.css
index bc89ed7..fef5221 100644
--- a/src/app/pages/home/sections/hero/hero.css
+++ b/src/app/pages/home/sections/hero/hero.css
@@ -181,6 +181,7 @@
 
 @media (min-width: 64rem) {
   .hero__stage {
+    --hero-desktop-content-width: 1440px;
     padding: 80px clamp(32px, 5vw, 72px) 48px;
   }
 
@@ -244,12 +245,12 @@
 
   .hero__socials {
     position: absolute;
-    bottom: calc(clamp(48px, 7.639vw, 110px) + 16px);
-    left: max(72px, calc((100% - 1296px) / 2));
+    bottom: 110px;
+    left: max(72px, calc((100% - var(--hero-desktop-content-width)) / 2 + 72px));
     display: flex;
     width: 40px;
     flex-direction: column;
-    gap: clamp(6px, 0.556vw, 8px);
+    gap: 8px;
   }
 
   .hero__socials a {
@@ -261,7 +262,7 @@
 
   .hero__socials img {
     display: block;
-    width: clamp(32px, 2.778vw, 40px);
-    height: clamp(32px, 2.778vw, 40px);
+    width: 40px;
+    height: 40px;
   }
 }