title: Flexbox with fixed header and footer and scrollable content
body: <p>I am trying to make a flexbox design work. I am not an HTML/css expert. :(</p>
  
  <p>I have a flexbox design with fixed header and footer and content that occupies the rest of the available real estate of the page.</p>
  
  <p>When I put data in the content area which is longer than that available space the content is scrolling. But I want to achieve a different thing.</p>
  
  <p>I would like to have several divs (below each other) in the content area and each div should be as high as the content area (even if the content is small) so I have a kind of paging inside the content area.</p>
  
  <p>A couple of days I have tried a lot and read a lot but can't get it  working. How can I make a div inside the scrollable content area occupy the whole space (height) ?</p>