title: ReactJS - ant design - Fix Footer with Layout
body: <p>I am using ant design framework in my project with reactjs. I am trying to achieve a layout design in which the footer should stick to the bottom of the screen and header fixed to the top, only content should resize it should look like </p>
  
  <pre><code>--------------------------------
  |          HEADER              | 
  --------------------------------
  |       |                      |
  |       |                      |
  | LIST  |       CONTENT        |
  |       |                      |
  |       |                      |
  --------------------------------
  |          FOOTER              | 
  --------------------------------
  </code></pre>
  
  <p>Below is my live example what I am trying to do </p>
  
  <p><a href="https://codesandbox.io/embed/j4rkr509o3" rel="noreferrer">https://codesandbox.io/embed/j4rkr509o3</a></p>
  
  <p>I am not sure how to make it work, it would be very kind if any one can help me.</p>
  
  <p>Cheers.</p>