From ba7f245d88909ce677c1231ba3d1f5102105fe2c Mon Sep 17 00:00:00 2001
From: "Paul Gauthier (aider)" <paul@aider.chat>
Date: Wed, 19 Mar 2025 14:17:57 -0700
Subject: [PATCH] fix: Center hero content horizontally on narrow screens

---
 aider/website/assets/home.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/aider/website/assets/home.css b/aider/website/assets/home.css
index d5e6f643a..5ee518208 100644
--- a/aider/website/assets/home.css
+++ b/aider/website/assets/home.css
@@ -567,6 +567,10 @@ footer {
     .hero-content {
         text-align: center;
         order: 1;
+        max-width: 100%;
+        padding-left: 0;
+        margin-left: auto;
+        margin-right: auto;
     }
     
     .hero-video {
@@ -578,12 +582,15 @@ footer {
         font-size: 2.2rem;
         text-align: center;
         margin-bottom: 20px;
+        width: 100%;
     }
     
     .hero p {
         font-size: 1rem;
         margin-left: auto;
         margin-right: auto;
+        max-width: 100%;
+        text-align: center;
     }
     
     .buttons {
@@ -592,6 +599,9 @@ footer {
         align-items: center;
         justify-content: center;
         gap: 10px;
+        margin-left: auto;
+        margin-right: auto;
+        width: 100%;
     }
     
     .btn {