From a9822b65feef831ceb1f3885cd57bd54ca5561aa Mon Sep 17 00:00:00 2001
From: Owen Rees <owenrees82@gmail.com>
Date: Tue, 4 Jul 2023 10:21:22 +0200
Subject: [PATCH] Hotfix/safari (#45)

* horizontally centered in Safari

* removed place-items-center
---
 app/[lang]/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/[lang]/page.tsx b/app/[lang]/page.tsx
index 633f262..7803bcd 100644
--- a/app/[lang]/page.tsx
+++ b/app/[lang]/page.tsx
@@ -10,7 +10,7 @@ export default function Home() {
 
   return (
     <Layout>
-      <header className="grid h-[calc(100%-153px)] place-items-center md:h-[calc(100%-173px)]">
+      <header className="grid h-[calc(100%-153px)] md:h-[calc(100%-173px)] items-center">
         <div className="relative h-full w-full brightness-[0.2]">
           <Image
             src={bgImage}
@@ -19,7 +19,7 @@ export default function Home() {
             style={{ objectFit: "cover" }}
           />
         </div>
-        <div className="absolute text-center text-white">
+        <div className="absolute flex flex-col items-center w-full text-center text-white">
           <h1 className="p-5 text-5xl" data-test="header1">
             {t("title")}
           </h1>