Grid Span & Placement

Span items across multiple grid cells

Click an item, then adjust its column or row span to see it grow across the grid.

Click an item in the grid to select it

Tailwind CSS

<div class="grid grid-cols-3 gap-2">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
</div>

6 / 23