center background for responsive screen sizes

rudietuesdays · rudietuesdays · commit 92ea15dcc813 · 2025-08-18T10:20:17.000-04:00
diff --git a/app/page.js b/app/page.js
@@ -29,7 +29,7 @@ export default function Home() {
         <Box
           bgAttachment="fixed"
           bgImage={mode?.colorMode === "dark" ? "url('/assets/images/bg.png')" : ""}
-          bgPosition="center"
+          backgroundPosition="center"
           bgRepeat="no-repeat"
           bgSize="cover"
         >

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ export default function Home() {`
`29`	`29`	`<Box`
`30`	`30`	`bgAttachment="fixed"`
`31`	`31`	`bgImage={mode?.colorMode === "dark" ? "url('/assets/images/bg.png')" : ""}`
`32`		`- bgPosition="center"`
	`32`	`+ backgroundPosition="center"`
`33`	`33`	`bgRepeat="no-repeat"`
`34`	`34`	`bgSize="cover"`
`35`	`35`	`>`