fix: prevent horizontal overflow on mobile devices (#474)

nafasebra · tannerlinsley · web-flow · commit 575114d6f760 · 2025-08-22T21:55:01.000-06:00
Co-authored-by: Tanner Linsley &lt;tannerlinsley@gmail.com&gt;
diff --git a/src/components/LandingPageGad.tsx b/src/components/LandingPageGad.tsx
@@ -11,7 +11,7 @@ export default function LandingPageGad() {
             <GamFooter />
             <div
               className="text-xs bg-gray-500 bg-opacity-10 py-2 px-4 rounded text-gray-600 dark:text-gray-300
-                dark:bg-opacity-20 self-center text-center w-[500px] max-w-full space-y-2"
+                dark:bg-opacity-20 self-center text-center max-w-[500px] space-y-2"
             >
               <div>
                 <span className="font-medium italic">

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ export default function LandingPageGad() {`
`11`	`11`	`<GamFooter />`
`12`	`12`	`<div`
`13`	`13`	`className="text-xs bg-gray-500 bg-opacity-10 py-2 px-4 rounded text-gray-600 dark:text-gray-300`
`14`		`- dark:bg-opacity-20 self-center text-center w-[500px] max-w-full space-y-2"`
	`14`	`+ dark:bg-opacity-20 self-center text-center max-w-[500px] space-y-2"`
`15`	`15`	`>`
`16`	`16`	`<div>`
`17`	`17`	`<span className="font-medium italic">`