CSS Grid Generator

Grid Template Columns

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

Grid Template Rows

Examples: auto, 100px 1fr

Gap

Justify Items

Align Items

Generated CSS

display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto;
gap: 16px;
justify-items: center;
align-items: center;

Live Preview

repeat(3, 1fr) • auto • gap 16px