fix: Center hero content horizontally on narrow screens

This commit is contained in:
Paul Gauthier (aider) 2025-03-19 14:17:57 -07:00
parent 1f630a03b9
commit ba7f245d88

View file

@ -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 {