DEMO: vertical layout; fill space; set relative growth more >>
Enter any valid value for flex property. To fill space set a flex value > 0 on at least one child. For 2012 spec's flex values see: overview and details.
Child 1. flex property value:
Enter valid flex value, including discrete values
for flex-grow, flex-shrink, flex basis properties
Child 2. flex property value:
To make item inflexible use special value: none
(none not valid for browsers using 2009 spec)
Child 3. flex property value:
Use auto to set flex-basis to item's "normal" size
(auto valid in browsers using final 2012 spec)