title: Flexbox 100% Height Background Issue
body: <p>I've created a 2 column layout that should fill 100% height and functions as desired, but on Chrome / Safari if the content expands beyond the browser height the background on the right column cuts off when scrolling:</p>
  
  <p><a href="http://codeply.com/view/yCE7TYvKkV" rel="nofollow noreferrer">http://codeply.com/view/yCE7TYvKkV</a></p>
  
  <p><a href="https://i.stack.imgur.com/w90Q4.png" rel="nofollow noreferrer">Screenshot of issue when scrolling</a>
  <a href="https://i.stack.imgur.com/FmJ8Y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FmJ8Y.png" alt="enter image description here"></a></p>
  
  <p>I can't for the life of me figure out how to remedy this, any insight appreciated.</p>