title: Flexbox For Equal height columns and row (equalizer)
body: <p>Is it possible to use flexbox for this kind of patterns(see image attached) like </p>
  
  <pre><code>Box 1 height == (height of box 2 + height of box 3)
  </code></pre>
  
  <p>It is more like foundation equalizer, where change in height variation in either of the three boxes will adjust the boxes height and always look like the image<a href="https://i.stack.imgur.com/iECai.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iECai.png" alt="enter image description here"></a></p>