Grid
An image grid
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4">
<img src="https://picsum.photos/600" class="col-span-1 rounded-lg">
<img src="https://picsum.photos/700" class="col-span-1 rounded-lg">
<img src="https://picsum.photos/800" class="col-span-1 rounded-lg">
<img src="https://picsum.photos/900" class="col-span-1 rounded-lg">
<img src="https://picsum.photos/601" class="col-span-1 rounded-lg">
<img src="https://picsum.photos/701" class="col-span-1 rounded-lg">
<img src="https://picsum.photos/801" class="col-span-1 rounded-lg">
<img src="https://picsum.photos/901" class="col-span-1 rounded-lg">
</div>
Masonry
An image grid
<div class="md:columns-3 gap-8 p-5">
<img class="mb-8 w-full rounded-lg object-cover transition duration-300 ease-in-out hover:scale-105 aspect-video" src="https://picsum.photos/1600/1200" />
<img class="mb-8 w-full rounded-lg object-cover transition duration-300 ease-in-out hover:scale-105 aspect-square" src="https://picsum.photos/1504/1128" />
<img class="mb-8 w-full rounded-lg object-cover transition duration-300 ease-in-out hover:scale-105 aspect-square" src="https://picsum.photos/1700/1200" />
<img class="mb-8 w-full rounded-lg object-cover transition duration-300 ease-in-out hover:scale-105 aspect-square" src="https://picsum.photos/2048/1536" />
<img class="mb-8 w-full rounded-lg object-cover transition duration-300 ease-in-out hover:scale-105 aspect-video" src="https://picsum.photos/1505/1128" />
<img class="mb-8 w-full rounded-lg object-cover transition duration-300 ease-in-out hover:scale-105 aspect-video" src="https://picsum.photos/1800/1200" />
<img class="mb-8 w-full rounded-lg object-cover transition duration-300 ease-in-out hover:scale-105 aspect-square" src="https://picsum.photos/1506/1128" />
<img class="mb-8 w-full rounded-lg object-cover transition duration-300 ease-in-out hover:scale-105 aspect-video" src="https://picsum.photos/2049/2048" />
<img class="mb-8 w-full rounded-lg object-cover transition duration-300 ease-in-out hover:scale-105 aspect-square" src="https://picsum.photos/1506/1955" />
<img class="mb-8 w-full rounded-lg object-cover transition duration-300 ease-in-out hover:scale-105 aspect-square" src="https://picsum.photos/1900/1200" />
</div>