From f5c3fe92104dcbe46467b86a47de60f05bb42ed6 Mon Sep 17 00:00:00 2001
From: "Eshan I." <2027eiyer@tjhsst.edu>
Date: Tue, 30 Jun 2026 14:12:06 -0400
Subject: [PATCH] Add responsive styles for mobile layoutMake landing page nav
 and tabs responsive on mobile

---
 PanTS-Demo/src/pages/LandingPage.module.css | 25 +++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/PanTS-Demo/src/pages/LandingPage.module.css b/PanTS-Demo/src/pages/LandingPage.module.css
index b7a3597..96a48df 100644
--- a/PanTS-Demo/src/pages/LandingPage.module.css
+++ b/PanTS-Demo/src/pages/LandingPage.module.css
@@ -230,3 +230,28 @@
   .btnPrimary, .btnSecondary { width: 100%; }
   .navSpacer { display: none; }
 }
+
+
+@media (max-width: 720px) {
+  .nav {
+    padding: 12px 16px;
+    flex-wrap: wrap;
+    gap: 12px;
+  }
+  .tabBar {
+    width: 100%;
+    justify-content: center;
+    flex-wrap: wrap;
+    gap: 6px;
+  }
+  .tabPill {
+    padding: 8px 16px;
+    font-size: 11px;
+  }
+  .hero {
+    padding-bottom: 60px;
+  }
+  .heroSubtitle {
+    margin-top: 16px;
+  }
+}