monoadmin/the-other-dude
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(website): fix footer rendering on mobile Firefox

Browse Source 
- 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
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
docs/website/style.css
View File

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