title: CSS3 Flex - Stretch Width and Height
body: <p>I'd like to make a full screen calendar application using the CSS3 Flex model.  While I can make the calendar fit quite nicely horizontally, I can't find a way to also let the calendar weeks stretch in equal proportion to consume all the available height.</p>
  
  <p>Here's a jsFiddle to illustrate my dilemma:  <a href="http://jsfiddle.net/CgXLa/" rel="noreferrer">http://jsfiddle.net/CgXLa/</a></p>
  
  <p>The weeks are equally distributed <em>until</em> I make them <code>display: flex;</code>.  Even if I encompass all of the days into a <code>div</code> element and make that <code>display: flex;</code> instead of each week, I still have the same problem.</p>
  
  <p>How can I use the Flex model to stretch both horizontally <em>and</em> vertically?</p>