Header
Main Content
Sidebar
Article
Footer
Grid Components
Grid Columns
2 Columns
1
2
3
4
3 Columns
1
2
3
4
5
6
4 Columns
1
2
3
4
5
6
7
8
Grid Rows & Columns
2 Rows × 2 Cols
1
2
3
4
3 Rows × 3 Cols
1
2
3
4
5
6
7
8
9
Grid Flow
Flow Row (default)
1
2
3
4
5
Flow Column
1
2
3
4
5
Grid Alignment
Place Items - Center
1
2
3
4
Align Items - Stretch
1
2
3
4
Gap Variations
No Gap
1
2
3
4
5
6
Large Gap (gap=6)
1
2
3
4
5
6
Gap X=6, Y=2
1
2
3
4
5
6
Complex: Center + Padding
A
B
C
D