CSS Place Items Generator
Visualize align-items & justify-items combinations for Grid and Flexbox
Grid
Flexbox
align-items
(block axis)
stretch
start
end
center
baseline
normal
justify-items
(inline axis)
stretch
start
end
center
baseline
normal
legacy
GRID
place-items:
center center
Preview
Generated CSS
📋 Copy Shorthand
📋 Copy Longhand