CSS Grid Generator
Grid Reference
| Property | Example | Description |
|---|---|---|
| grid-template-columns | repeat(3, 1fr) | Define column tracks |
| grid-template-rows | 100px auto | Define row tracks |
| grid-column | 1 / 3 | Item spans columns 1 to 3 |
| grid-row | 2 / 4 | Item spans rows 2 to 4 |
| grid-area | header | Named grid area placement |
| minmax() | minmax(200px, 1fr) | Track size range |
| auto-fill | repeat(auto-fill, 200px) | Fill as many tracks as possible |
| auto-fit | repeat(auto-fit, minmax(200px, 1fr)) | Collapse empty tracks |