Siento que viene por otro lado mas que

[lost sedge]

@lapis snow intenta con esto:

<main className='flex grow h-full border flex-col'>
      <article className="grid h-full">
        <div className="border-2 border-slate-800"></div>
        <div className="border-2 border-slate-800"></div>
        <div className="border-2 border-slate-800"></div>
        <div className="border-2 border-slate-800"></div>
      </article>
      <article className=""></article>
      <article className=""></article>
      <article className=""></article>
</main>

Y ponle al padre (#root): h-screen

[lapis snow]

Hola, dale dale

Excelente man!! Cambio la imagen al menos, buenisimo

Ahora, tendria que pasarlo a esto:

[lost sedge]

Claro, se ve así cortado, debido a que está el nav, si lo quitas un momento, se verá las 4 filas en el 100% del screen

[lapis snow]

Estuve usando, grid-cols-2

y pensaba con col-span-2 a mi div1 y div2

Influye que mi body tenga el h-screen tmb? igual que el :root

[lost sedge]

Ponle esta clase al article: grid-cols-[2fr_1fr]

[lapis snow]

bien, me gusta, habia llegado por otro camino, como el d arriba, pero seguimos juntos. Consulta, podria alinear con la linea del "GET IN TOUCH"

[lost sedge]

A que te refieres con pero seguimos juntos?

[lapis snow]

grid-cols-[2fr_1fr] no sabia de esta forma de escribir

que segui la linea de codigo q me pasaste

[lost sedge]

Vale

[lost sedge]

Si lo quieres alinear con GET IN TOUCH, puedes atinarle al primer valor del cols, ve aumentando el 2fr (pero no es lo mejor) o puedes hacer que ambos tengan el mismo valor, por ejemplo, haces que nav sea un grid con la misma clase grid-cols-[4fr_1fr], y ya ambos tendrán la misma medida

[lapis snow]

okay

te gusta como quedo?

seguramente vaya jugando con el tamaño de las letras y los iconos

y la nav d abajo a la derecha seria una sideBar, dos flechas q manejan la imagen

Che Juan desde Argentina te digo, muchas gracias!!, cualquier cosa andaré nuevamente por el server!

[lost sedge]

Se ve bastante bien 👌