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)