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>
This commit is contained in:
Jason Staack
2026-03-15 17:59:51 -05:00
parent 948ffa778b
commit b98a19de8d

View File

@@ -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;
}
}
/* --------------------------------------------------------------------------