txeo/cv-site
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refine: swap footer label and value font sizes for mobile

Browse Source 
CHANGES @ 768px breakpoint:
- .footer-label: 0.85rem → 1.1rem (bigger, more prominent)
- .footer-value: 1.1rem → 0.85rem (smaller, supporting text)
- .footer-value b: 1.2rem → 0.95rem (adjusted for consistency)

RATIONALE:
- Labels (linkedin_, github_, email@, phone#) are visual anchors
- Values (URLs, email, phone) are supporting details
- Inverted hierarchy provides better visual structure on mobile
- Labels now stand out as section headers
- Values are readable but less visually dominant

RESULT:
- Clearer visual hierarchy in mobile footer
- Labels more prominent as category identifiers
- Values easier to scan without overwhelming the layout
This commit is contained in:
juanatsap
2025-11-10 18:22:20 +00:00
parent 9b71eacced
commit 3092e9fde1
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/main.css
+3 -3
View File
@@ -2135,16 +2135,16 @@ a:focus {
} }
.footer-label { .footer-label {
font-size: 0.85rem; font-size: 1.1rem;
margin-top: 0.75rem; margin-top: 0.75rem;
} }
.footer-value { .footer-value {
font-size: 1.1rem; font-size: 0.85rem;
} }
.footer-value b { .footer-value b {
font-size: 1.2rem; font-size: 0.95rem;
} }
/* Sidebar title sizing */ /* Sidebar title sizing */