is now part of Shuffle™. The new editor includes templates for Tailwind CSS, Bootstrap, Bulma, and Material-UI.
Switch to Shuffle →
← Tailwind CSS classes list

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

1
2
3
4
5
6
7

CSS source

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

More in Tailwind CSS Grid