title: Angular flex-layout dynamic row height
body: <p>Can we have layout as below image with the help of <a href="https://github.com/angular/flex-layout" rel="nofollow noreferrer">angular flex-layout</a>?  Something similar is there with AngularJS - <a href="https://material.angularjs.org/latest/demo/card" rel="nofollow noreferrer">AngularJS Material</a> </p>
  
  <p><a href="https://i.stack.imgur.com/anCm3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/anCm3.png" alt="expected behaviour"></a></p>