title: fxLayoutWrap not working
body: <p>I've got these blocks of codes</p>
  
  <pre><code>&lt;div fxLayout="row" fxLayoutGap="1em" fxLayout.lt-md="column" fxLayoutWrap&gt;
      &lt;div *ngFor="let post of posts; let i=index" &gt;
           &lt;div *ngIf = "i%3===0" fxFlex="90%" fxFlex.lt-md="100%"&gt;
               &lt;!--Some code--&gt;
           &lt;/div&gt;
           &lt;div *ngIf = "!(i%3===0)" fxFlex="40%" fxFlex.lt-md="100%"&gt;
               &lt;!--Some other code--&gt;
           &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want the stuff to be on the same row when I use <code>fxFlex="40%"</code> However, they appear on different rows</p>