Multiple Responsive Columns Simple row with nested layout containers. Note: the 1st column is responsive.
Col #1: First item in row
Col #1: Second item in row
Col #2: First item in column
Col #2: Second item in column
<div fxLayout="{{ cols.firstCol }}" fxFlex="50%" fxFlex.gt-sm="25%" fxHide.md >
<div fxLayout="{{ cols.secondCol }}" fxFlex >