FlexGrid grow to fill height

[chrishj]

In flexbox there is the possibility to set a row to grow in height to fill the available space?
The use case is central work area with variable content size and a footer so the vertical size of the central work area is extended so that the footer always pushed to the of the page for all responsive sizes.

The demo for stretched still has all elements showing the same size.

Code: Select all

<h3>Vertical Alignment - Stretch</h3>
                    <div className="p-grid p-align-stretch vertical-container">
                        <div className="p-col">
                            <div className="box ">4</div>
                        </div>
                        <div className="p-col">
                            <div className="box box-stretched">4</div>
                        </div>
                        <div className="p-col">
                            <div className="box ">4</div>
                        </div>
                    </div>

Thanks