title: Don't stretch one item in CSS Flex box with complex layout
body: <p>I'm trying to create a nested flex box layout that stretches all columns properly (vertically). It seems to work pretty well, except for stretching of one item inside a the nested layout.</p>
  
  <pre><code>|---------------------------------------------|
  |Header                                       |
  |---------------------------------------------|
  ||--------------------------------|----------||
  ||TITLE IS THE ISSUE!             |Right     ||
  ||--------------------------------|Aside     ||
  ||Left    |Content                |          ||
  ||Aside   |                       |          ||
  ||        |                       |          ||
  ||        |                       |          ||
  ||        |                       |          ||
  ||--------|-----------------------|----------||
  |---------------------------------------------|
  |Footer                                       |
  |---------------------------------------------|
  </code></pre>
  
  <p>The problem I'm having is that if the Right Aside gets longer than the other content, the Header stretches vertically. If I try to override the Title align-self attribute to stop it from stretching nothing happens.</p>
  
  <p>A plunker that clearly shows the issue. Look at the gray area (Title - must not grow): <a href="http://plnkr.co/edit/9VBSOKi0ipAy1QDpNAKb?p=preview" rel="nofollow">http://plnkr.co/edit/9VBSOKi0ipAy1QDpNAKb?p=preview</a></p>
  
  <p>Thanks...</p>