title: Sticky footer for react with react-router-dom
body: <p>I need a really clean and simple solution for an issue I always run into, that I can continue using in other projects as well. I need a sticky footer that works with react-router-dom. I can't seem to get it working. My App.js looks like this:</p>
  
  <pre><code>  &lt;div&gt;
      &lt;Header loaded={loaded} /&gt;
      &lt;Switch&gt;
        &lt;Route
          path="/about"
          render={props =&gt; &lt;About loaded={loaded} {...props} /&gt;}
        /&gt;
        &lt;Route
          exact
          path="/"
          render={props =&gt; &lt;MainPage loaded={loaded} {...props} /&gt;}
        /&gt;
        &lt;Redirect to="/" /&gt;
      &lt;/Switch&gt;
      &lt;Footer /&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>How would you go about making the footer sticky? Thanks!</p>