Fix layout issue (specifically to disallow scrolling on mobile)

This commit is contained in:
Timothy Armes
2023-07-07 08:09:34 +02:00
parent 9f23d31872
commit ad618809f2
11 changed files with 16 additions and 18 deletions
+3 -3
View File
@@ -5,8 +5,8 @@ export default function About() {
const t = useTranslations("About");
return (
<header className="mb-16 grid place-items-center bg-white dark:bg-gray-800">
<div className="h-full max-w-5xl bg-white px-4 pt-8 lg:pt-16 dark:bg-gray-800">
<section className="grid place-items-center bg-white dark:bg-gray-800">
<div className="max-w-5xl px-4 py-8 lg:py-16">
<h2
className="mb-8 text-center text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white"
data-test="header2"
@@ -117,6 +117,6 @@ export default function About() {
})}
</p>
</div>
</header>
</section>
);
}