From cd783f3f2e6085a8abf0b48888c99d0ec25b505e Mon Sep 17 00:00:00 2001
From: Krshs90 <Krshs90@gmail.com>
Date: Wed, 5 Aug 2026 23:47:01 -0500
Subject: [PATCH] ui: make footer responsive on mobile devices

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

diff --git a/frontend/src/components/Homepage/Footer.tsx b/frontend/src/components/Homepage/Footer.tsx
index 78d595f..e6757b4 100644
--- a/frontend/src/components/Homepage/Footer.tsx
+++ b/frontend/src/components/Homepage/Footer.tsx
@@ -1,7 +1,7 @@
 const Footer = () => {
   return (
     <footer className="border-t border-slate-800 bg-slate-950 px-6 py-5 md:px-12">
-      <div className="mx-auto flex max-w-7xl items-center justify-between">
+      <div className="mx-auto flex max-w-7xl flex-col items-center justify-between gap-4 text-center sm:flex-row sm:text-left">
         <div>
           <h2 className="font-title text-2xl text-slate-200">Watchly</h2>
           <p className="text-sm text-slate-500">