Lifetime deal · ends October 5 Pay once. Build forever. $199 $349 Save $150
00days
00hrs
00min
00sec
Claim lifetime deal for $199
← Tailwind CSS classes list

Tailwind CSS class: .grid-flow-col

<div class="grid grid-rows-3 grid-flow-col 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 {
    grid-auto-flow: column;
}

More in Tailwind CSS Grid