title: justify content flex-end not working for IE
body: <p>Flex-end working for chrome and firefox, but not working for ie, go through following code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.flex-container {  display: flex;
    flex-wrap: nowrap;
    background-color: DodgerBlue;    flex-direction: column;flex-flow:column;
        justify-content: flex-end;height:100px
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h1&gt;Flexible Boxes&lt;/h1&gt;
  
  &lt;div class="flex-container"&gt;
    &lt;div&gt;1&lt;/div&gt;
    &lt;div&gt;2&lt;/div&gt;
    &lt;div&gt;3&lt;/div&gt;  
    &lt;div&gt;4&lt;/div&gt;
    &lt;div&gt;5&lt;/div&gt;
    &lt;div&gt;6&lt;/div&gt;  
    &lt;div&gt;7&lt;/div&gt;
    &lt;div&gt;8&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;p&gt;Try to resize the browser window.&lt;/p&gt;
  &lt;p&gt;A container with "flex-wrap: nowrap;" will never wrap its items.&lt;/p&gt;
  &lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; Flexbox is not supported in Internet Explorer 10 or earlier versions.&lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>