From 8f45a2ef3dc045a2f01ed2b2c9bb5460e48ed80d Mon Sep 17 00:00:00 2001
From: "Paul Gauthier (aider)" <paul@aider.chat>
Date: Wed, 19 Mar 2025 10:31:36 -0700
Subject: [PATCH] style: Update responsive layout for mobile devices in
 home.html

---
 aider/website/home.html | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/aider/website/home.html b/aider/website/home.html
index ac1c0d902..0470f12c9 100644
--- a/aider/website/home.html
+++ b/aider/website/home.html
@@ -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 {