mirror of
https://github.com/vinta/awesome-python.git
synced 2026-05-28 22:31:31 +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 {
|
.footer {
|
||||||
align-items: flex-start;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-actions,
|
.hero-actions,
|
||||||
@@ -1037,10 +1038,6 @@ th[data-sort].sort-asc::after {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
|
||||||
align-items: flex-end;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero h1 {
|
.hero h1 {
|
||||||
font-size: clamp(3.6rem, 18vw, 5.2rem);
|
font-size: clamp(3.6rem, 18vw, 5.2rem);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user