Basic 3-Column Grid Layout

This example demonstrates a simple grid with 3 columns and a gap between items.

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Key Classes Used:

grid : Establishes the element as a grid container.
grid-cols-3 : Defines 3 columns of equal width.
gap-4 : Adds a 1rem (16px by default) gap between grid items.