CSS Grid Playground
Pick an example or type your own tracks. Click an item to place it, and copy the CSS.
Examples
.grid
grid-template-columns
grid-template-rows
grid-template-areas
gap
12px
+ Add item
− Remove item
Reset
Show line numbers
Item
1
Your CSS
Copy