About this tool
Set the number of columns and rows plus the gap to build a CSS grid and copy the code, all in your browser.
Frequently asked questions
How are the tracks sized?
Columns and rows use repeat() with 1fr so they share the available space evenly.
What is the gap control?
It sets the grid gap in pixels between every cell, applied live to the preview.