title: Flex-direction in safari 5
body: <p>So I am trying to use flexbox but it was pointed out to me that it doesn't work on the iPhone or in Safari for windows. Upon investigation I managed to find that the thing that doesn't appear to work is flex-direction.</p>
  
  <pre><code>    .flex-columns {
          display: -webkit-box; /* Safari */
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
      }
  </code></pre>
  
  <p>I have created this codepen:</p>
  
  <p><a href="http://codepen.io/r3plica/pen/qdpYpR" rel="nofollow">http://codepen.io/r3plica/pen/qdpYpR</a></p>
  
  <p>As you can see from that example, the right hand "column" is not filling the height. I need a way to fill the height but make sure it works on safari. Does anyone know how I can do this?</p>