@@ -45,11 +45,11 @@ export default function Main() {
45
45
} ;
46
46
47
47
return (
48
- < main className = "min-h-screen" >
48
+ < main className = "min-h-screen overflow-x-hidden " >
49
49
{ /* Hero Section */ }
50
50
< section className = "hero min-h-screen relative overflow-hidden" >
51
51
< div className = "absolute inset-0 bg-gradient-to-br from-base-300 via-base-100 to-primary/20" > </ div >
52
- < div className = "hero-content relative z-10 flex-col gap-8 w-full px-4 md:px-8" >
52
+ < div className = "hero-content relative z-10 flex-col gap-8 w-full px-2 sm:px- 4 md:px-8" >
53
53
< div className = "max-w-xl slide-in-left text-center" >
54
54
< h1 className = "text-3xl lg:text-5xl font-bold animate-slideUp" >
55
55
Organize Your Life with CheckMate
@@ -82,7 +82,7 @@ export default function Main() {
82
82
83
83
{ /* Features Section */ }
84
84
< section className = "py-16 bg-base-100" >
85
- < div className = "container mx-auto px-4" >
85
+ < div className = "container mx-auto px-2 sm:px- 4" >
86
86
< AnimatedTitle > Why Choose CheckMate?</ AnimatedTitle >
87
87
< div className = "grid grid-cols-1 md:grid-cols-3 gap-8" >
88
88
< FeatureCard
@@ -109,7 +109,7 @@ export default function Main() {
109
109
110
110
{ /* Themes Section - Updated with animations */ }
111
111
< section className = "py-16 bg-base-200" >
112
- < div className = "container mx-auto px-4" >
112
+ < div className = "container mx-auto px-2 sm:px- 4" >
113
113
< div className = "flex flex-col lg:flex-row items-center gap-12" >
114
114
< div className = "lg:w-1/2" >
115
115
< TextBlock >
0 commit comments