title: How to set column height equal to longest column in Bulma (flexbox)?
body: <p>I'm using Bulma 0.4.0, though the answer may not be associated with Bulma itself.</p>
  
  <p>How can I set column height equal to others? (see screenshots below)</p>
  
  <hr>
  
  <p>Edit: codepen with more text that presents actual behavior: <a href="https://codepen.io/anon/pen/vmKVbx" rel="noreferrer">https://codepen.io/anon/pen/vmKVbx</a></p>
  
  <p>Expected behavior:</p>
  
  <p><img src="https://i.stack.imgur.com/7qG6w.png" alt="expected behavior"></p>
  
  <p>Actual behavior:</p>
  
  <p><img src="https://i.stack.imgur.com/gbnkP.png" alt="actual behavior"></p>
  
  <pre><code>&lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4.0/css/bulma.css" /&gt;
  &lt;div class="columns"&gt;
    &lt;div class="column"&gt;
      &lt;p class="notification is-info"&gt;First column&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="column"&gt;
      &lt;p class="notification is-success"&gt;Second column&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="column"&gt;
      &lt;p class="notification is-warning"&gt;Third column&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="column"&gt;
      &lt;p class="notification is-danger"&gt;Fourth&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>