From f7985b1122f9d32b043d75f9c61a4af72c07ce9c Mon Sep 17 00:00:00 2001
From: justin <justinhiggy@gmail.com>
Date: Thu, 18 Sep 2025 22:41:13 -0700
Subject: [PATCH] Fix stats section layout overflow on mobile

---
 app/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 73c6204..6e7f778 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -92,8 +92,8 @@ export default async function LandingPage({
         <h3 className="text-3xl font-bold text-black italic mb-0 pb-0">
           The Stats
         </h3>
-        <div className="flex flex-row justify-start items-start">
-          <p className="text-xl">
+        <div className="flex flex-col sm:flex-row justify-start items-center sm:items-start gap-4">
+          <p className="text-xl text-center sm:text-left">
             Developers like you have done...{' '}<br />
             <span className="text-5xl font-bold">
               {typeof totalPushups === 'number'
@@ -103,7 +103,7 @@ export default async function LandingPage({
             </span><br />
             ...and counting!
           </p>
-          <img className="h-36" src="/oneHanded.gif" />
+          <img className="h-36 w-auto max-w-full" src="/oneHanded.gif" />
         </div>
       </section>
       <section id="faq">