From 7904b264b4a44910c9d4d14b55e0498476e69c2f Mon Sep 17 00:00:00 2001
From: Hri7566 <hri7566@gmail.com>
Date: Mon, 1 May 2023 16:19:49 -0400
Subject: [PATCH] center headers on mobile

---
 src/components/PageBreak.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/PageBreak.tsx b/src/components/PageBreak.tsx
index cb3cbee..b7c0720 100644
--- a/src/components/PageBreak.tsx
+++ b/src/components/PageBreak.tsx
@@ -3,7 +3,9 @@ import React from "react";
 export const PageBreak = (props: React.PropsWithChildren) => {
     return (
         <h1 className="my-3 border-b border-t border-[#ffffff1a] bg-[#ffffff1a] px-5 py-4 text-3xl shadow-lg backdrop-blur-sm">
-            <div className="ml-auto mr-auto w-2/3 px-5">{props.children}</div>
+            <div className="items-center text-center sm:ml-auto sm:mr-auto sm:w-2/3 sm:px-5">
+                {props.children}
+            </div>
         </h1>
     );
 };