Masonry using TailwindCSS

tailwindcss-masonry.html

<div class="h-screen w-full bg-slate-300 p-5">
  <div class="p-5 columns-3 gap-3 bg-white rounded-lg drop-shadow-lg">
    <div class="mb-3 bg-amber-600 text-white text-center p-3 rounded">
      Lorem ipsum
    </div>
    <div class="mb-3 bg-amber-600 text-white text-center p-3 rounded">
      Lorem ipsum, hello world!
    </div>
    <div class="mb-3 bg-amber-600 text-white text-center p-3 rounded">
      Mary had a little lamb. Its fleece was white as snow.
    </div>
    <div class="mb-3 bg-amber-600 text-white text-center p-3 rounded">
      Hey
    </div>
    <div class="mb-3 bg-amber-600 text-white text-center p-3 rounded">
      Porcupine tree
    </div>
    <div class="mb-3 bg-amber-600 text-white text-center p-3 rounded">
      Hey
    </div>
  </div>
</div>