fix(css): center footer on mobile

Consolidate two conflicting mobile footer rules into one, setting
flex-direction to column, align-items to center, and text-align to
center so the footer is symmetrically centered on narrow viewports.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-03-22 23:58:54 +08:00
parent dbff2522c8
commit 88031d78a5

View File

@@ -1014,8 +1014,9 @@ th[data-sort].sort-asc::after {
}
.footer {
align-items: flex-start;
flex-direction: column;
align-items: center;
text-align: center;
}
.hero-actions,
@@ -1037,10 +1038,6 @@ th[data-sort].sort-asc::after {
width: 100%;
}
.footer {
align-items: flex-end;
}
.hero h1 {
font-size: clamp(3.6rem, 18vw, 5.2rem);
}