title: 40/60 split screen with container
body: <p>I am wondering what is the best way to achieve two background divs (blue and gray) with a container over the top of them (red):</p>
  
  <p><a href="http://s22.postimg.org/44kcq1cqp/screenshot_413.png" rel="nofollow noreferrer">http://s22.postimg.org/44kcq1cqp/screenshot_413.png</a></p>
  
  <p>I would create two divs for the background colours and 100vh but how would I overlay a container on top so I can make the login area? I'm trying to achieve something like this design:</p>
  
  <p><a href="http://s22.postimg.org/584h1zxdt/screenshot_414.png" rel="nofollow noreferrer">http://s22.postimg.org/584h1zxdt/screenshot_414.png</a></p>
  
  <p>Thanks in advance!</p>