title: Same height for flex items in the flex-direction column flex container
body: <p>Is there a way to have flex items within a flex container with <code>flex-direction: column</code> have the same height, using CSS only?</p>
  <pre><code>&lt;div style=&quot;display: flex; flex-direction: column;&quot;&gt;
   &lt;div class=&quot;flex-item&quot;&gt;
     &lt;!-- other html elements with image, links, button etc. --&gt;
   &lt;/div&gt;
   &lt;!-- ... --&gt;
   &lt;div class=&quot;flex-item&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>JSFiddle: <a href="https://jsfiddle.net/hzxa9v54/" rel="nofollow noreferrer">https://jsfiddle.net/hzxa9v54/</a></p>