Please enable JavaScript.
Coggle requires JavaScript to display documents.
STRUCTURE-LAYOUT - Coggle Diagram
STRUCTURE-LAYOUT
GRID
Define
Grid
Template
Rows
Columns
Repeat(count, dim)
Auto
Fill
Empty
Shorthand
grid-template
repeat(...) / repeat(...)
DevTools
Badge
Layout
Show
LineNum
TrackSize
AreaName
Overlays
All
Grids
Align
Container
Content
Justify
Horizontal
Align
Vertical
Vals
Start
End
Center
Items
Justify
Align
Values
Stretch
Default
Start
Center
End
Sizing
Fraction
Fr
Empty
Area
Gap
Row
Column
Shorthand
Gap
row [col]
Placing
GridColumn
lineNo
fromLineNo / toLineNo
fromLineNo / span <count>
GridRow
GridArea
Value
(startRow / startCol) /
(endRow / endCol)
Named
Without
Quotes
GridTemplateAreas
Named
"R1C1 R1C2" ". R2C2"
FLEXBOX
Enable
Display
Flex
FlexDirection
Row
Reverse
Column
Reverse
Align
JustifyContent
MainAxis
Values
Flex
Start
Default
End
Center
Space
Evenly
Equal
Between
End
Around
Halfspace
AlignItems
CrossAxis
Flex
Start
End
Center
AlignSelf
AlignContent
'>1 Lines
Center
FlexWrap
Wrap
Nowrap
Sizing
Flex
Basis
Intial
Value
Auto
<Num>unit
MainAxis
Grow
Default
0
Shrink
Shorthand
grow [shrink/flex-basis] [flex-basis]
Apply
FlexItems
FLOAT
Options
Left
Right
Clear
Left
Right
Both
Parent
Collapse
Empty
Div
Clear
Pseudo
Element
Block