From 98e0c05af2af395f013e59ffc75998a8035affdf Mon Sep 17 00:00:00 2001
From: sebastjan <sebastjan@folx.tv>
Date: Mon, 31 Aug 2026 17:45:15 +0200
Subject: [PATCH] strani rubrik: oglas cez dve vrstici in vrstice po 292 px, da
 kartic ne razteguje

---
 client/src/pages/category.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/category.tsx b/client/src/pages/category.tsx
index 9d6bc00..95ad901 100644
--- a/client/src/pages/category.tsx
+++ b/client/src/pages/category.tsx
@@ -153,7 +153,10 @@ export default function CategoryPage({ fixedCategory }: { fixedCategory?: string
           </div>
         ) : data && data.articles.length > 0 ? (
           <>
-            <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-5">
+            {/* Oglas je fiksen 300x600 in bi vrstico raztegnil na svojo visino.
+                Zato so vrstice zaklenjene na 292 px, oglas pa zasede dve, tako
+                da se visini ujameta in pod karticami ni praznega prostora. */}
+            <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-5 lg:auto-rows-[292px]">
               {(() => {
                 const items: React.ReactNode[] = [];
                 const articles = data.articles;
@@ -166,7 +169,7 @@ export default function CategoryPage({ fixedCategory }: { fixedCategory?: string
                   const adCol = row === 0 ? 3 : row % 4;
                   for (let col = 0; col < 4; col++) {
                     if (col === adCol) {
-                      items.push(<ArticleCardAd key={`ad-row-${row}`} />);
+                      items.push(<div key={`ad-row-${row}`} className="lg:row-span-2 h-full"><ArticleCardAd /></div>);
                     } else if (ai < articles.length) {
                       const a = articles[ai];
                       items.push(