oglas iz celice v mrezi v vodoraven pas med vrstice: visok oglas je vrstico raztegnil na 546 px in pod izvlecki je ostalo prazno

client/src/components/adsense.tsx

@@ -150,6 +150,28 @@ export default function AdSense({
 
 let adSeedCounter = 1;
 
+// Vodoravni pas med vrsticami mreze. Oglas v celici je vrstico raztegnil na
+// svojo visino (546 px proti 399 px kartice) in pod izvlecki je ostalo prazno.
+// Pas cez vso sirino na visino kartic ne vpliva in ima boljso zapolnjenost.
+export function GridBannerAd() {
+  const [filled, setFilled] = useState<boolean | null>(null);
+  if (filled === false) return null;
+  return (
+    <div className="my-2" data-testid="ad-grid-banner">
+      <div className="text-[9px] text-muted-foreground/40 text-center pb-1 uppercase tracking-widest">
+        Anzeige
+      </div>
+      <AdSense
+        slot="1023820241"
+        format="auto"
+        responsive={true}
+        style={{ display: "block" }}
+        onAdStatus={setFilled}
+      />
+    </div>
+  );
+}
+
 export function ArticleCardAd() {
   const seed = useMemo(() => adSeedCounter++, []);
   const [filled, setFilled] = useState<boolean | null>(null);