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