title: How can I warp and center multiple divs using Angular flex layout in a responsive way
body: <p>How can I create an effect in the picture using <a href="https://github.com/angular/flex-layout/wiki/Declarative-API-Overview" rel="nofollow noreferrer">angular/flex-layout</a>. I've been experimenting with <code>fxLayoutWrap</code> but it doesn't produce the below layout 
  <a href="https://i.stack.imgur.com/vy7J3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vy7J3.png" alt="enter image description here"></a></p>