From 16734a3e824f56fcefb06009f65aed5eca894ecd Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 28 Feb 2026 21:06:57 +0000
Subject: [PATCH] Update popular articles section and image gallery display on
 homepage

Modify the API to fetch 6 popular articles instead of 5 and remove the overflow-y-auto class from the popular articles container in the home page component.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: ad447485-bb94-4ca8-9fc6-1631f1d18fee
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/drGbo1a
Replit-Helium-Checkpoint-Created: true
---
 client/src/pages/home.tsx | 2 +-
 server/routes.ts          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 183dfe5..193e7cd 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -292,7 +292,7 @@ function FeaturedCarousel({ articles, popular, galleryImages, focalPoints }: { a
             <SideCard key={a.id} article={a} />
           ))}
         </div>
-        <div className="lg:col-span-2 lg:h-[420px] overflow-y-auto">
+        <div className="lg:col-span-2 lg:h-[420px]">
           {popular && popular.length > 0 && <TopStoriesList articles={popular} />}
         </div>
       </div>
diff --git a/server/routes.ts b/server/routes.ts
index 5633e00..c7fa4e9 100644
--- a/server/routes.ts
+++ b/server/routes.ts
@@ -64,7 +64,7 @@ export async function registerRoutes(
   });
 
   app.get("/api/articles/popular", async (req, res) => {
-    const limit = parseInt(req.query.limit as string) || 5;
+    const limit = parseInt(req.query.limit as string) || 6;
     const articles = await storage.getPopularArticles(limit);
     res.json(articles);
   });