Fix the layout problem where cards overflowed on mobile

git-Pqrd · git-Pqrd · commit 86a912adfca9 · 2024-08-25T18:06:25.000+01:00
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -93,7 +93,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
           >
             <div className="relative flex min-h-screen w-full flex-col ">
               <SiteHeader />
-              <div className="flex-1 p-1 py-8 mx-auto max-w-[2000px] ">{children}</div>
+              <div className="flex-1 p-1 py-8 w-full mx-auto max-w-[2000px]">{children}</div>
               <SiteFooter />
             </div>
           </ThemeProvider>

Original file line number	Diff line number	Diff line change
`@@ -93,7 +93,7 @@ export default function RootLayout({ children }: RootLayoutProps) {`
`93`	`93`	`>`
`94`	`94`	`<div className="relative flex min-h-screen w-full flex-col ">`
`95`	`95`	`<SiteHeader />`
`96`		`- <div className="flex-1 p-1 py-8 mx-auto max-w-[2000px] ">{children}</div>`
	`96`	`+ <div className="flex-1 p-1 py-8 w-full mx-auto max-w-[2000px]">{children}</div>`
`97`	`97`	`<SiteFooter />`
`98`	`98`	`</div>`
`99`	`99`	`</ThemeProvider>`