diff --git a/attached_assets/image_1772313799360.png b/attached_assets/image_1772313799360.png
new file mode 100644
index 0000000..cb1302b
Binary files /dev/null and b/attached_assets/image_1772313799360.png differ
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 675e260..02ff3cd 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -357,10 +357,13 @@ export default function Home() {
     );
   }
 
-  const row2Left = articles.slice(0, 2);
-  const row3Middle = articles.slice(2, 4);
-  const row4Articles = articles.slice(4, 7);
-  const row5Articles = articles.slice(7, 10);
+  const row2 = articles.slice(0, 2);
+  const row3 = articles.slice(2, 4);
+  const remaining = articles.slice(4);
+  const rows: Article[][] = [];
+  for (let i = 0; i < remaining.length; i += 4) {
+    rows.push(remaining.slice(i, i + 4));
+  }
 
   return (
     <div className="min-h-screen bg-background">
@@ -370,7 +373,7 @@ export default function Home() {
         <FeaturedCarousel articles={articles} popular={popular} galleryImages={galleryImages} focalPoints={focalPoints} />
 
         <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
-          {row2Left.map((a) => (
+          {row2.map((a) => (
             <MediumCard key={a.id} article={a} focalPoints={focalPoints} />
           ))}
           <RecipeWidget />
@@ -378,33 +381,22 @@ export default function Home() {
         </div>
 
         <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
-          {row3Middle.map((a) => (
+          {row3.map((a) => (
             <MediumCard key={a.id} article={a} focalPoints={focalPoints} />
           ))}
           <PhotoGalleryWidget />
           <div className="flex flex-col gap-4">
             <NewsWidget />
-            <NativeAdCard />
           </div>
         </div>
 
-        {row4Articles.length > 0 && (
-          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
-            {row4Articles.map((a) => (
+        {rows.map((row, ri) => (
+          <div key={ri} className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
+            {row.map((a) => (
               <MediumCard key={a.id} article={a} focalPoints={focalPoints} />
             ))}
-            <NativeAdCard />
           </div>
-        )}
-
-        {row5Articles.length > 0 && (
-          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
-            {row5Articles.map((a) => (
-              <MediumCard key={a.id} article={a} focalPoints={focalPoints} />
-            ))}
-            <NativeAdCard />
-          </div>
-        )}
+        ))}
 
       </main>
       <Footer />