From 061d8e853ff21288fefdc38af2bc78aa77847e7f Mon Sep 17 00:00:00 2001
From: santosh-marar <st.juniordeveloper@gmail.com>
Date: Sun, 14 Dec 2025 20:25:27 +0545
Subject: [PATCH] fix(style): make footer responsive on mobile

---
 apps/web/src/components/landing-sections/footer.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/apps/web/src/components/landing-sections/footer.tsx b/apps/web/src/components/landing-sections/footer.tsx
index 4b6b061b..920a221e 100644
--- a/apps/web/src/components/landing-sections/footer.tsx
+++ b/apps/web/src/components/landing-sections/footer.tsx
@@ -20,7 +20,7 @@ const Footer = () => {
       {/* Bottom Section */}
       <div className="pt-8 border-t border-[#252525] space-y-8">
         {/* Top Row - Profile Picture and Navigation */}
-        <div className="relative flex items-start justify-between gap-6 lg:gap-0">
+        <div className="relative flex flex-col sm:flex-row items-start justify-between gap-8 lg:gap-6">
           {/* Profile Picture - Left */}
           <div className="flex flex-col gap-4">
             <div>
@@ -44,7 +44,6 @@ const Footer = () => {
               </span>
             </div>
           </div>
-
           {/* Grid Layout - Right */}
           <div className="grid grid-cols-3 gap-6 lg:gap-8">
             {/* Sitemap Column */}