Controls
How wide each column should be (e.g., 200px = fixed width, 1fr = flexible, auto = fits content)
How tall each row should be (auto = adjusts to content height)
Space between grid items in pixels (0-100px)
Controls where content sits inside each grid box
#1D9E75
#1D9E75
#042C53
#534AB7
#534AB7
#D4537E
Colour CSS will appear in your generated code
Preview & Code
A
B
C
D
E
F
G
H
I
J
K
L
Generated Code
💾 Save
🔍 Grid Detective
Paste your code and we'll check for errors