Delete
CGG
Templates
Export CSS
{{ area.name | capitalize }}
{{ temporary_area.name }}
Combined
HTML
CSS
X
{{ generate_combined_html_css() }}
{{ generate_export_html() }}
{{ generate_export_css() }}
{{ container.name | capitalize }}
{{ area.name | capitalize }}
X
+
X
Name:
X
Cells Wide:
1
2
3
4
5
X
Cells High:
1
2
3
4
5
X
Grid Gap:
px
%
X
Height:
px
%
vh
X
Justify Content:
start
center
end
space-around
space-between
space-evenly
X
Align Content:
start
center
end
space-around
space-between
space-evenly
X
Justify Items:
start
center
end
X
Align Items:
start
center
end
+ Cell Width
+ Cell Height
+ Grid Gap
+ Height
+ Justify Content
+ Align Content
+ Justify Items
+ Align Items
Column Tracks
Column {{ $index + 1 }}:
fr
px
%
vw
Row Tracks
Row {{ $index + 1 }}:
fr
px
%
vh
X
Name:
X
Column Start:
X
Column End:
X
Row Start:
X
Row End:
X
Justify Self:
start
center
end
X
Align Self:
start
center
end
X
Display:
Inline
Block
Flex
X
Justify Content:
flex-start
center
flex-end
X
Align Items:
flex-start
center
flex-end
X
Z Index:
+ Column Start
+ Column End
+ Row Start
+ Row End
+ Justify Self
+ Align Self
+ Display
+ Justify Content
+ Align Items
+ Z Index