minor UX tweaks to about page

This commit is contained in:
Brandon Egger
2023-04-13 00:51:54 -05:00
parent 97d29309e0
commit cb1de411c2
4 changed files with 15 additions and 11 deletions

View File

@ -29,8 +29,8 @@ const Home: NextPage = () => {
<div style={{
WebkitBackdropFilter: `blur(15px) contrast(50%)`,
backdropFilter: `blur(15px) contrast(50%)`,
}} className="grow min-h-[350px] w-full grid place-items-center">
<div className="space-y-8">
}} className="grow min-h-[350px] w-full flex flex-col">
<div className="space-y-8 my-auto h-min">
<h1 className="mx-auto text-center font-extrabold text-4xl max-w-lg text-yellow-200">Welcome to the Resource Center for Auditory Training!</h1>
<div className="flex flex-col w-[350px] sm:w-[400px] mx-auto p-4 bg-neutral-900 border space-y-4 border-neutral-500 rounded-md shadow-lg shadow-neutral-800/50">
<p className="text-2xl text-center text-neutral-100">Looking for resource recommendations?</p>
@ -62,7 +62,7 @@ const Home: NextPage = () => {
</div>
</div>
<div className="max-w-5xl mx-auto p-12">
<div className="max-w-5xl mx-auto p-12 mb-12">
<h1 className="font-extrabold text-4xl text-center">Want to learn more?</h1>
<div className="flex flex-col pt-8 space-y-6">
<section className="text-center mx-auto space-x-4">