From 9f914847d7778671159be284bf6aa86b0f762e9b Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 5 Mar 2026 12:30:03 +0000
Subject: [PATCH] Adjust layout to display more content across four columns

Update grid columns in the home page component from 3 to 4, and add an ad component to the bottom section.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1f7e7e89-a520-4970-9645-37daadc466dc
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: d96a56d5-c310-4e8a-a7ac-cf9f5080eae8
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/1f7e7e89-a520-4970-9645-37daadc466dc/NJvOVoB
Replit-Helium-Checkpoint-Created: true
---
 client/src/pages/home.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 2ad6540..3769a5c 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -683,7 +683,7 @@ export default function Home() {
           </div>
         ))}
 
-        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
           {bottomSection.map((item, i) => (
             <div key={`bottom-${i}`}>
               {item.el}
@@ -691,10 +691,11 @@ export default function Home() {
           ))}
         </div>
 
-        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
           <PhotoGalleryWidget key="extra-gallery" />
           <NewsWidget key="extra-news" />
           <RecipeWidget key="extra-recipe" />
+          <ArticleCardAd />
         </div>
 
       </main>