CSS Grid Area Builder

Pick a row/column count, click cells to name areas, and copy the ready-made CSS.

Rows

Columns

Gap

Click a cell and type an area name. Give neighboring cells the same name to merge them.

Output