From f8c7a6bd6614a98dee46e663b50f557f768072c1 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 28 Feb 2026 22:18:22 +0000
Subject: [PATCH] Add two featured articles spanning the full width of the page

Update home page to display two wide article cards below the main grid, each occupying the full width.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: b8e330a1-87a4-4be8-8abe-f44632240304
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/0ZGabQy
Replit-Helium-Checkpoint-Created: true
---
 client/src/pages/home.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 22304ff..9becdd9 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -522,11 +522,10 @@ export default function Home() {
           </div>
         ))}
 
-        {shuffled.length > 0 && (
-          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-4">
-            <div className="sm:col-span-2 lg:col-span-2">
-              <WideCard article={shuffled[shuffled.length - 1]} focalPoints={focalPoints} />
-            </div>
+        {shuffled.length > 1 && (
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
+            <WideCard article={shuffled[shuffled.length - 1]} focalPoints={focalPoints} />
+            <WideCard article={shuffled[shuffled.length - 2]} focalPoints={focalPoints} />
           </div>
         )}