mirror of
https://github.com/Aider-AI/aider.git
synced 2025-05-31 01:35:00 +00:00
style: Update responsive layout for mobile devices in home.html
This commit is contained in:
parent
9d51d4a572
commit
8f45a2ef3d
1 changed files with 22 additions and 1 deletions
|
@ -397,18 +397,39 @@
|
|||
background-color: #e74c3c;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
@media (max-width: 992px) {
|
||||
.hero-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.hero-content {
|
||||
text-align: center;
|
||||
order: 1;
|
||||
}
|
||||
|
||||
.hero-video {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.hero h1 {
|
||||
font-size: 2.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hero p {
|
||||
font-size: 1rem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.stats-container {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue