Draft responsive area maps before committing to final layout rules.
Layout Lab
View mode
1,1
2,1
3,1
4,1
5,1
1,2
2,2
3,2
4,2
5,2
1,3
2,3
3,3
4,3
5,3
1,4
2,4
3,4
4,4
5,4
1,5
2,5
3,5
4,5
5,5
Node Controls
ID: 8e2b5322-ae24-47e8-bed4-5457c9bcb535
Grid shape
px
px
Column tracks
Current: 1fr
Row tracks
Current: 1fr
Placement
Style
Advanced
Create nested items directly in the canvas. Click empty space in a flex container, or click and drag across grid cells.