benald/sticky footer with flex

## sticky footer with flex
<html>
  <head>
    <title>sticky footer with flex</title>
    <style type="text/css">
      html {
        height: 100%;
      }
      body {
        display: flex;
        flex-direction: column;
        height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */
      }
      .header {
        background: red;
        padding: 40px;
      }
      .content {
        flex: 1 0 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
        padding: 20px;
      }
      .footer {
        flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
        padding: 20px;
      }
    </style>
  </head>
  <body>
    <header class="header">
      header
    </header>

    <div class="content">
      <h1>Sticky Footer with Flexbox</h1>
      <p>Lorem ipsum dolor amet gluten-free vegan viral crucifix offal aesthetic, next level tumeric squid slow-carb meh XOXO drinking vinegar yr. Cold-pressed mumblecore listicle, pour-over microdosing flexitarian humblebrag coloring book put a bird on it PBR&B. VHS fanny pack sriracha chartreuse 3 wolf moon, bespoke irony. Unicorn 90's schlitz literally, umami lyft cronut waistcoat lomo kinfolk cold-pressed keffiyeh knausgaard.</p>
      <p>Lorem ipsum dolor amet gluten-free vegan viral crucifix offal aesthetic, next level tumeric squid slow-carb meh XOXO drinking vinegar yr. Cold-pressed mumblecore listicle, pour-over microdosing flexitarian humblebrag coloring book put a bird on it PBR&B. VHS fanny pack sriracha chartreuse 3 wolf moon, bespoke irony. Unicorn 90's schlitz literally, umami lyft cronut waistcoat lomo kinfolk cold-pressed keffiyeh knausgaard.</p>
      <p>Lorem ipsum dolor amet gluten-free vegan viral crucifix offal aesthetic, next level tumeric squid slow-carb meh XOXO drinking vinegar yr. Cold-pressed mumblecore listicle, pour-over microdosing flexitarian humblebrag coloring book put a bird on it PBR&B. VHS fanny pack sriracha chartreuse 3 wolf moon, bespoke irony. Unicorn 90's schlitz literally, umami lyft cronut waistcoat lomo kinfolk cold-pressed keffiyeh knausgaard.</p>
      <p>Lorem ipsum dolor amet gluten-free vegan viral crucifix offal aesthetic, next level tumeric squid slow-carb meh XOXO drinking vinegar yr. Cold-pressed mumblecore listicle, pour-over microdosing flexitarian humblebrag coloring book put a bird on it PBR&B. VHS fanny pack sriracha chartreuse 3 wolf moon, bespoke irony. Unicorn 90's schlitz literally, umami lyft cronut waistcoat lomo kinfolk cold-pressed keffiyeh knausgaard.</p>
      <p>Lorem ipsum dolor amet gluten-free vegan viral crucifix offal aesthetic, next level tumeric squid slow-carb meh XOXO drinking vinegar yr. Cold-pressed mumblecore listicle, pour-over microdosing flexitarian humblebrag coloring book put a bird on it PBR&B. VHS fanny pack sriracha chartreuse 3 wolf moon, bespoke irony. Unicorn 90's schlitz literally, umami lyft cronut waistcoat lomo kinfolk cold-pressed keffiyeh knausgaard.</p>
      <p>Lorem ipsum dolor amet gluten-free vegan viral crucifix offal aesthetic, next level tumeric squid slow-carb meh XOXO drinking vinegar yr. Cold-pressed mumblecore listicle, pour-over microdosing flexitarian humblebrag coloring book put a bird on it PBR&B. VHS fanny pack sriracha chartreuse 3 wolf moon, bespoke irony. Unicorn 90's schlitz literally, umami lyft cronut waistcoat lomo kinfolk cold-pressed keffiyeh knausgaard.</p>
      <p>Lorem ipsum dolor amet gluten-free vegan viral crucifix offal aesthetic, next level tumeric squid slow-carb meh XOXO drinking vinegar yr. Cold-pressed mumblecore listicle, pour-over microdosing flexitarian humblebrag coloring book put a bird on it PBR&B. VHS fanny pack sriracha chartreuse 3 wolf moon, bespoke irony. Unicorn 90's schlitz literally, umami lyft cronut waistcoat lomo kinfolk cold-pressed keffiyeh knausgaard.</p>
      <p>Lorem ipsum dolor amet gluten-free vegan viral crucifix offal aesthetic, next level tumeric squid slow-carb meh XOXO drinking vinegar yr. Cold-pressed mumblecore listicle, pour-over microdosing flexitarian humblebrag coloring book put a bird on it PBR&B. VHS fanny pack sriracha chartreuse 3 wolf moon, bespoke irony. Unicorn 90's schlitz literally, umami lyft cronut waistcoat lomo kinfolk cold-pressed keffiyeh knausgaard.</p>
      <p>Lorem ipsum dolor amet gluten-free vegan viral crucifix offal aesthetic, next level tumeric squid slow-carb meh XOXO drinking vinegar yr. Cold-pressed mumblecore listicle, pour-over microdosing flexitarian humblebrag coloring book put a bird on it PBR&B. VHS fanny pack sriracha chartreuse 3 wolf moon, bespoke irony. Unicorn 90's schlitz literally, umami lyft cronut waistcoat lomo kinfolk cold-pressed keffiyeh knausgaard.</p>
      <p>Lorem ipsum dolor amet gluten-free vegan viral crucifix offal aesthetic, next level tumeric squid slow-carb meh XOXO drinking vinegar yr. Cold-pressed mumblecore listicle, pour-over microdosing flexitarian humblebrag coloring book put a bird on it PBR&B. VHS fanny pack sriracha chartreuse 3 wolf moon, bespoke irony. Unicorn 90's schlitz literally, umami lyft cronut waistcoat lomo kinfolk cold-pressed keffiyeh knausgaard.</p>
    </div>

    <footer class="footer">
      Footer
    </footer>
  </body>
</html>