From ebfa914deb0bd0084eec20b8df16a7d958bd1c58 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 28 Feb 2026 20:41:44 +0000
Subject: [PATCH] Adjust homepage layout for better content visibility and
 focus

Modify the grid layout on the homepage to allocate more space for the hero section while reducing the width of the "Top Stories" section, improving overall content presentation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 64c39580-31f4-44b9-9524-8e1f01e20806
Replit-Helium-Checkpoint-Created: true
---
 client/src/pages/home.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 0ddd994..04bd8cf 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -240,7 +240,7 @@ function FeaturedCarousel({ articles, popular, galleryImages }: { articles: Arti
   return (
     <section data-testid="featured-carousel" onMouseEnter={() => setPaused(true)} onMouseLeave={() => setPaused(false)}>
       <div className="grid grid-cols-1 lg:grid-cols-6 gap-4">
-        <div className={wide ? "lg:col-span-4" : "lg:col-span-3"}>
+        <div className={wide ? "lg:col-span-5" : "lg:col-span-4"}>
           {isGalleryPage && galleryImages ? (
             <GalleryHeroCard images={galleryImages.slice(0, 30)} />
           ) : hero ? (
@@ -254,7 +254,7 @@ function FeaturedCarousel({ articles, popular, galleryImages }: { articles: Arti
             ))}
           </div>
         )}
-        <div className="lg:col-span-2">
+        <div className="lg:col-span-1">
           {popular && popular.length > 0 && <TopStoriesList articles={popular} />}
         </div>
       </div>