CSS Grid Generator | Tinker

Grid Controls

Columns: 3

Rows: 3

Gap: 16px

grid-template-columns

Examples: 1fr 1fr, 200px auto, repeat(3, 1fr)

grid-template-rows

Examples: auto auto, 100px 200px, repeat(3, 1fr)

Grid Preview

Click two cells to merge them into a span

1,1

1,2

1,3

2,1

2,2

2,3

3,1

3,2

3,3