From d6536506e3ee156cf8d49f45053b4a3d8e5ec3ed Mon Sep 17 00:00:00 2001
From: Owen Rees <owenrees.dev@gmail.com>
Date: Mon, 1 Jun 2026 20:05:24 +0200
Subject: [PATCH] align hero section center

---
 src/pages/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index fd52f90..0d43549 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -7,10 +7,10 @@ import examplePdf1 from "@/assets/images/examplepdf1.webp?url";
 import examplePdf2 from "@/assets/images/examplepdf2.webp?url";
 
 const Home = () => (
-	<main className="px-4 pb-8 pt-14 place-self-center">
+	<main className="px-4 pb-8 pt-14">
 		<section
 			id="hero"
-			className="grid max-w-screen-2xl items-center gap-8 p-8 text-center md:grid-cols-2 md:text-left"
+			className="grid max-w-screen-2xl items-center gap-8 p-8 text-center md:grid-cols-2 md:text-left mx-auto"
 		>
 			<div>
 				<h1 className="text-3xl font-bold text-base-content md:text-4xl">