title: @angular/flex-layout 'space-between' layout
body: <p>I have 2 divs with images in them inside my ng2-flex-layout in my html template. I want 1 of those divs to be on the extreme left and the other on extreme right of the page.</p>
  
  <p>My Code:</p>
  
  <pre><code> &lt;div class="flex-container" 
       fxLayout="row" 
       fxLayout.md="column"
       fxLayout.sm="column"
       fxLayout.xs="column"
       fxLayoutAlign="space-between center"&gt;
    &lt;div class="flex-item" fxLayoutAlign="left" fxFlex=50&gt; &lt;img&gt;&lt;/img&gt;&lt;/div&gt;
    &lt;div class="flex-item" fxFlex=50&gt;&lt;img&gt;&lt;/img&gt;&lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>I am using     <code>"@angular/flex-layout": "^2.0.0-beta.4",</code></p>
  
  <p>I have tried  <code>layout-align="space-between center"</code> but no impact.</p>
  
  <p>Can anyone help please?</p>