Poziționare imagini într-o structură masonry

Limbaje de Programare Frontend
1

Noroc, stie cineva cum pot face ca poza 2 sa vina sub poza 1? Sa nu mai fie acel spatiu gol acolo.

s
s887×626 351 KB

Folosesc TailwindCSS, code:

<div class="grid grid-cols-3 gap-6 px-9">
    <div class="col-span-1 cursor-pointer">
        <img class="w-full h-full" src="link">
    </div>
</div>
2

Nu știu cum se face, dar știu că ce vrei tu să faci se numește “Masonry Layout”, și cred că poți găsi tutoriale cu implementarea direct în Tailwind (exemplu).

6 Likes