fix ad units

dominicarrojado · May 28, 2023 · 36ce278 · 36ce278
1 parent 7eeded1
commit 36ce278
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/components/adUnit.tsx b/components/adUnit.tsx
@@ -19,7 +19,10 @@ function AdUnit({ adSlot, adFormat, className }: Props) {
   return (
     <div className={className}>
       <ins
-        className={cn('adsbygoogle block max-w-xl mx-auto', styles.adunit)}
+        className={cn(
+          'adsbygoogle block max-w-[1200px] mx-auto',
+          styles.adunit
+        )}
         data-ad-client={GOOGLE_ADSENSE_CLIENT_ID}
         data-ad-slot={adSlot}
         data-ad-format={adFormat}

diff --git a/components/layout.tsx b/components/layout.tsx
@@ -16,22 +16,22 @@ export default function Layout({ children }: Props) {
       <div className="absolute inset-0 -z-10 overflow-hidden">
         <SvgGraphs />
       </div>
+      <AdUnit
+        adSlot={GoogleAdSenseUnitSlot.PROJECT_HEADER}
+        adFormat={GoogleAdSenseUnitFormat.FLUID}
+      />
       <main className="mx-auto max-w-xl">
-        <AdUnit
-          adSlot={GoogleAdSenseUnitSlot.PROJECT_HEADER}
-          adFormat={GoogleAdSenseUnitFormat.FLUID}
-        />
         <PageTitle>
           Embassy of Japan in Singapore Visa Appointment Notification Service
           for Visa (Tourism) applications
         </PageTitle>
         <PageBody>{children}</PageBody>
-        <AdUnit
-          adSlot={GoogleAdSenseUnitSlot.PROJECT_FOOTER}
-          adFormat={GoogleAdSenseUnitFormat.FLUID}
-        />
       </main>
       <Footer className="mt-10" />
+      <AdUnit
+        adSlot={GoogleAdSenseUnitSlot.PROJECT_FOOTER}
+        adFormat={GoogleAdSenseUnitFormat.FLUID}
+      />
     </div>
   );
 }