ajustar landing dependiendo de tamaño de pantalla

This commit is contained in:
Cat /dev/Nulo 2023-07-29 12:23:19 -03:00
parent df56199057
commit 48dd1d5e01

View file

@ -58,12 +58,12 @@ export async function render(data) {
</nav> </nav>
<section class="min-h-screen"> <section class="min-h-screen">
<div class="grid h-full grid-cols-1 md:grid-cols-2"> <div class="grid h-full grid-cols-1 md:grid-cols-2">
<div class="flex h-full min-h-[40vh] items-center justify-center bg-naranja p-8"> <div class="flex h-full min-h-[40vh] items-center justify-center bg-naranja p-[15%]">
<LogoGrande containerClass="flex-1 max-w-lg" class="w-100" /> <LogoGrande containerClass="flex-1 min-w-[25vw]" class="w-100" />
</div> </div>
<div class="flex flex-col bg-celeste px-[20%] py-[30%]"> <div class="flex flex-col bg-celeste py-[30%] pl-[20%] pr-[40%]">
<IconosLanding class="w-64 max-w-full" /> <IconosLanding class="w-3xl min-w-[20vw]" />
<h2 class="my-8 text-5xl"> <h2 class="my-[20%] text-[5vmin] leading-none">
Hackeamos Hackeamos
<br /> <br />
la educación la educación