From b98a19de8d38d3a75e6b8c40271b2986459f1c57 Mon Sep 17 00:00:00 2001
From: Jason Staack <jason@staack.com>
Date: Sun, 15 Mar 2026 17:59:51 -0500
Subject: [PATCH] fix(website): fix footer rendering on mobile Firefox

- Add flex-wrap to .footer-links so links wrap instead of overflow
- Retarget .footer-link to .footer-links a (links had no class)
- Add responsive gap rules at 768px and 480px breakpoints

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 docs/website/style.css | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/docs/website/style.css b/docs/website/style.css
index 2eefb84..e6471d3 100644
--- a/docs/website/style.css
+++ b/docs/website/style.css
@@ -1079,17 +1079,19 @@ ul, ol {
 
 .footer-links {
   display: flex;
-  gap: 24px;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 16px 24px;
 }
 
-.footer-link {
+.footer-links a {
   color: var(--text-muted);
   font-size: 14px;
   transition: color 0.2s ease;
   text-decoration: none;
 }
 
-.footer-link:hover {
+.footer-links a:hover {
   color: var(--text-secondary);
 }
 
@@ -1735,6 +1737,11 @@ ul, ol {
     text-align: center;
     gap: 24px;
   }
+
+  .footer-links {
+    justify-content: center;
+    gap: 12px 20px;
+  }
 }
 
 /* --------------------------------------------------------------------------
@@ -1818,6 +1825,11 @@ ul, ol {
     padding: 6px 14px;
     font-size: 13px;
   }
+
+  .footer-links {
+    gap: 10px 16px;
+    font-size: 13px;
+  }
 }
 
 /* --------------------------------------------------------------------------