Hotfix/safari (#45)

* horizontally centered in Safari

* removed place-items-center
This commit is contained in:
Owen Rees
2023-07-04 10:21:22 +02:00
committed by GitHub
parent 9e2359ed3e
commit a9822b65fe
+2 -2
View File
@@ -10,7 +10,7 @@ export default function Home() {
return ( return (
<Layout> <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]"> <div className="relative h-full w-full brightness-[0.2]">
<Image <Image
src={bgImage} src={bgImage}
@@ -19,7 +19,7 @@ export default function Home() {
style={{ objectFit: "cover" }} style={{ objectFit: "cover" }}
/> />
</div> </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"> <h1 className="p-5 text-5xl" data-test="header1">
{t("title")} {t("title")}
</h1> </h1>