pading fixed on pages

frontend/src/routes.tsx

@@ -34,7 +34,7 @@ const rootRoute = createRootRoute({
       <Header />
       <ArticleTicker />
 
-      <main className="flex-1">
+      <main className="flex-1 container mx-auto max-w-6xl px-4 py-8">
         <Outlet />
       </main>
 
@@ -85,7 +85,7 @@ const indexRoute = createRoute({
   path: '/',
   component: () => (
     <div>
-      <div className="container mx-auto max-w-6xl px-4 py-8 md:py-12">
+      <div className="py-8 md:py-12">
         <div className="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-12">
           <div className="lg:col-span-2">
             <HeroArticle />