From 22884d33f41e8f9e73dcaccc4633aed4c9ec7a52 Mon Sep 17 00:00:00 2001
From: SG170 <swati.gouda2024@vitstudent.ac.in>
Date: Tue, 26 May 2026 11:59:46 +0530
Subject: [PATCH] fix: add responsive padding to Footer for mobile screens

---
 src/components/Footer.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 1145385..be19f22 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -27,7 +27,7 @@ const linkStyle = {
 
 export default function Footer() {
   return (
-      <footer className="px-16 pt-16 pb-8" style={{ background: 'var(--ink)' }}>
+      <footer className="px-5 sm:px-8 lg:px-16 pt-16 pb-8" style={{ background: 'var(--ink)' }}>
         <div
             className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-12 pb-12"
             style={{ borderBottom: '1px solid rgba(255,255,255,0.08)' }}