I am struggling with the Angular Material flex layout, so I took this directly from the Angular Material website.
Based on the documentation for layout container, items are arranged in a row with a max-height of 100% and max-width matching the width of the items in the container.
I attempted to use the example provided on the documentation page.
<div ng-app="myapp" ng-cloak>
<div layout="row" layout-align="center center">
<div>one</div>
<div>two</div>
<div>three</div>
</div>
</div>
My content should be vertically and horizontally aligned at the center. However, it is only aligning horizontally and not vertically as expected.
You can find the code example here.