Tailwind CSS Classes

Tailwind CSS class .grid-flow-col-dense

<div class="grid grid-rows-3 grid-flow-col-dense gap-2">
  <div class="text-center bg-teal-400">1</div>
  <div class="text-center bg-teal-400">2</div>
  <div class="text-center col-span-2 bg-teal-400">3</div>
  <div class="text-center bg-teal-400">4</div>
  <div class="text-center bg-teal-400">5</div>
  <div class="text-center bg-teal-400">6</div>
  <div class="text-center bg-teal-400">7</div>
</div>

Preview

Are you tired of writing HTML by hand?

CSS source

.grid-flow-col-dense {
    grid-auto-flow: column dense;
}

More Tailwind CSS classes in Grid category

© 2024 Shuffle. All rights reserved.