15.1.7.3 Stretching to Fill Vertical Space

The 12-column grid system simplifies filling the available horizontal space. However, sometimes you want a component to stretch vertically to use available height.

• Stretching Vertically Using CSS
  In Cascading Style Sheets (CSS), the viewport is the visible browser area. One vertical stretching strategy sizes a component to the remaining vertical space after accounting for other page elements.
• Inspecting Potential Stretch Targets
  Vertical stretching requires inspecting the web page to determine an appropriate container element to target in your CSS rules.
• Calculating Height in Inline CSS
  CSS rules can use calculated expressions.
• Applying Vertical Stretch in a Dialog
  Use CSS to stretch a component vertically in a modal dialog.