From 65746cb92aeeba5f69d347d5eea657f0c27e77d6 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Mon, 2 Mar 2026 18:21:49 +0000
Subject: [PATCH] Adjust layout of two featured articles to align them
 correctly

Modify the grid layout in the home page component to reposition two featured articles, ensuring proper alignment within the content area.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 60915ea8-c021-44da-be21-47417b5b015f
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/nFw7xof
Replit-Helium-Checkpoint-Created: true
---
 client/src/pages/home.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index c2c9190..a5d26ad 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -562,7 +562,8 @@ export default function Home() {
           <div className="lg:col-span-3 space-y-4">
             <FeaturedCarousel articles={articles} popular={popular} galleryImages={galleryImages} focalPoints={focalPoints} />
             {widePickedArticles.length > 0 && (
-              <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+              <div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
+                <div className="hidden sm:block" />
                 {widePickedArticles.map((a) => (
                   <WideCard key={`wide-top-${a.id}`} article={a} focalPoints={focalPoints} />
                 ))}