From 167e3168d6ac07a59852bac51ecc8c4ed030bd7b Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Mon, 19 May 2025 14:28:15 +0000
Subject: [PATCH] Reduce width of hero section text to better fit smaller
 screens

Sets a max-width of 160px on the hero section's text container in hero-section.tsx to prevent overflow on smaller screens.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8edd7914-5876-4d29-aab5-6ef744c7db4e
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/9954342d-bca0-4146-a481-32c8d262f0f1.jpg
---
 client/src/components/home/hero-section.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/home/hero-section.tsx b/client/src/components/home/hero-section.tsx
index 4c898f9..b464737 100644
--- a/client/src/components/home/hero-section.tsx
+++ b/client/src/components/home/hero-section.tsx
@@ -11,7 +11,7 @@ export function HeroSection() {
            }}>
         <div className="absolute inset-0 bg-black bg-opacity-20"></div>
         
-        <div className="relative text-center px-4 sm:px-6 lg:px-8 max-w-xs mx-auto">
+        <div className="relative text-center px-4 sm:px-6 lg:px-8 mx-auto" style={{ maxWidth: "160px" }}>
           <h1 className="text-2xl md:text-3xl font-playfair font-bold text-white leading-tight mb-3">
             Movement to Feel Good
           </h1>