From 472c25b1b969544705a440723268d31cb7db0617 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Mon, 2 Mar 2026 18:17:56 +0000
Subject: [PATCH] Rearrange blog articles to appear on the right side

Move featured articles from the main content area to the sidebar and adjust layout to accommodate.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 19d75670-2aca-426c-a8eb-7c3fe4825e04
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 | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index a5d26ad..e53a2e5 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -561,18 +561,13 @@ export default function Home() {
         <div className="grid grid-cols-1 lg:grid-cols-4 gap-4">
           <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-3 gap-4">
-                <div className="hidden sm:block" />
-                {widePickedArticles.map((a) => (
-                  <WideCard key={`wide-top-${a.id}`} article={a} focalPoints={focalPoints} />
-                ))}
-              </div>
-            )}
           </div>
           <div className="lg:col-span-1 space-y-4">
             <SidebarWeatherWidget />
             {articles && articles.length > 0 && <TopStoriesList articles={[...articles].sort((a, b) => new Date(b.publishedAt).getTime() - new Date(a.publishedAt).getTime()).slice(0, 5)} />}
+            {widePickedArticles.map((a) => (
+              <SideCard key={`side-top-${a.id}`} article={a} focalPoints={focalPoints} />
+            ))}
             <SidebarAd />
           </div>
         </div>