Fix layout in Home component for improved responsiveness

This commit is contained in:
Marco Pedone 2025-08-06 17:02:07 +02:00
parent c1468c05bf
commit e6599cae5e

View file

@ -15,7 +15,7 @@ const Home: NextPage = () => {
return (
<div className="mx-5 mt-0 mb-12 sm:mt-[2rem]">
<main className="mb-10 space-y-5 lg:mb-20">
<main className="mx-auto mb-10 max-w-7xl space-y-5 lg:mb-20">
<div className="flex flex-col items-center justify-center lg:flex-row lg:justify-around">
<div className="xs:mt-5 -mt-2 flex h-[19rem] max-w-full items-center justify-center min-[22rem]:h-[23rem] min-[25rem]:h-[26rem]">
<div className="flex scale-50 items-center justify-center drop-shadow-xl min-[20rem]:scale-[0.6] min-[22rem]:scale-[0.7] min-[25rem]:scale-[0.8] sm:scale-100 md:max-h-96">