Grid Basics

Create grid layouts with columns and gaps

CSS Grid divides a container into columns. Change the column count and gap to reorganize items.

Columns

Gapgap-3

Tailwind CSS

<div class="grid grid-cols-3 gap-3">
  <!-- 9 items -->
</div>

5 / 23