is now part of Shuffle™. You can use the editor on this domain, but we encourage you to try Shuffle →. Shuffle™ includes templates for Tailwind CSS, Bootstrap, Bulma, and Material-UI.
← 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