From 7aee6eaac8173a0c15e801b792c0410b09070687 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 27 Sep 2025 06:38:15 +0000
Subject: [PATCH] Center advertisements on the page for better visibility

Center adsense ad components horizontally using flexbox and 'mx-auto' utility classes within AdSenseAd.tsx.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/ZmOc3Lp
---
 .replit                              | 4 ++++
 client/src/components/adsense-ad.tsx | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/.replit b/.replit
index cd990cf..cb3ad91 100644
--- a/.replit
+++ b/.replit
@@ -23,6 +23,10 @@ externalPort = 3001
 localPort = 35637
 externalPort = 3000
 
+[[ports]]
+localPort = 39711
+externalPort = 3002
+
 [env]
 PORT = "5000"
 
diff --git a/client/src/components/adsense-ad.tsx b/client/src/components/adsense-ad.tsx
index a1d9911..0627db5 100644
--- a/client/src/components/adsense-ad.tsx
+++ b/client/src/components/adsense-ad.tsx
@@ -68,7 +68,7 @@ export default function AdSenseAd({
     // Responsive ads with different sizes for desktop/mobile
     return (
       <div 
-        className={`adsense-wrapper w-full ${className}`} 
+        className={`adsense-wrapper w-full flex justify-center ${className}`} 
         ref={adRef}
         style={{ width: '100%', minWidth: '320px' }}
       >
@@ -85,7 +85,7 @@ export default function AdSenseAd({
         />
         {/* Mobile ad */}
         <ins
-          className="adsbygoogle block md:hidden"
+          className="adsbygoogle block md:hidden mx-auto"
           style={{ 
             display: 'inline-block',
             width: mobileWidth ? `${mobileWidth}px` : '300px',
@@ -114,7 +114,7 @@ export default function AdSenseAd({
 
   return (
     <div 
-      className={`adsense-wrapper w-full ${className}`} 
+      className={`adsense-wrapper w-full flex justify-center ${className}`} 
       ref={adRef}
       style={{ width: '100%', minWidth: '320px' }}
     >