Nulo/alfadatizar
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

ajustar landing dependiendo de tamaño de pantalla

Browse source
This commit is contained in:
Cat /dev/Nulo 2023-07-29 12:23:19 -03:00
parent df56199057
commit 48dd1d5e01
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/index.11ty.jsx
View file

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