mirror of
https://github.com/vinta/awesome-python.git
synced 2026-03-23 13:56:43 +08:00
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:
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user