Fix layout in Home component for improved responsiveness
This commit is contained in:
parent
c1468c05bf
commit
e6599cae5e
1 changed files with 1 additions and 1 deletions
|
|
@ -15,7 +15,7 @@ const Home: NextPage = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="mx-5 mt-0 mb-12 sm:mt-[2rem]">
|
<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="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="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">
|
<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">
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue