⬆ RiseTop
Toolbox
FlexboxGenerator
Home
›
Toolbox
› FlexboxLayoutGenerator
Flexbox LayoutGenerator
VisualResizeFlexboxProperties, Real-time PreviewLayouteffect
ContainerProperties
flex-direction
row
row-rev
column
col-rev
justify-content
start
center
end
between
around
evenly
align-items
stretch
start
center
end
baseline
flex-wrap
nowrap
wrap
wrap-rev
align-content (wrap hour)
stretch
start
center
between
around
gap
10px
Child itemsProperties
Not Selected
order
flex-grow
flex-shrink
flex-basis
auto
0
50px
100px
150px
200px
25%
50%
align-self
auto
start
center
end
stretch
+ AddChild items
- Remove Selected
↺ Reset
📋 CopyCSS
Copy
Copied!