mirror of
https://github.com/Aider-AI/aider.git
synced 2025-06-02 18:54:59 +00:00
fix: Center hero content horizontally on narrow screens
This commit is contained in:
parent
1f630a03b9
commit
ba7f245d88
1 changed files with 10 additions and 0 deletions
|
@ -567,6 +567,10 @@ footer {
|
||||||
.hero-content {
|
.hero-content {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
order: 1;
|
order: 1;
|
||||||
|
max-width: 100%;
|
||||||
|
padding-left: 0;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-video {
|
.hero-video {
|
||||||
|
@ -578,12 +582,15 @@ footer {
|
||||||
font-size: 2.2rem;
|
font-size: 2.2rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero p {
|
.hero p {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons {
|
.buttons {
|
||||||
|
@ -592,6 +599,9 @@ footer {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue