Flexbox: sticky footer without vh

main.css

html, body {
  height: 100%;
}

body {
  margin: 0;
  color: white;
} 

.container {
  background-color: #3D6996;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.section {
  padding: 10px;
}

.content {
  background-color: #C35D09;
  padding-bottom: 30px;
  flex: 1 0 auto;
}

.footer {
  background-color: #EB9E4B;
  flex: 0 0 auto;
}

main.html

  <div class="container">
    <div class="content section">
      <p>Before they sold out seitan next level retro, Carles health goth Helvetica jean shorts McSweeney's umami skateboard. Seitan health goth chia Vice, food truck Etsy Portland you probably haven't heard of them four loko retro cornhole VHS single-origin
        coffee polaroid lo-fi. Shoreditch lo-fi heirloom literally before they sold out. Messenger bag cronut Vice, tousled asymmetrical food truck irony banjo. Schlitz chambray semiotics XOXO leggings, pork belly kitsch. IPhone keytar selfies PBR ennui
        umami. Twee pug meh try-hard literally skateboard, forage mumblecore cliche fashion axe.</p>

      <p>Listicle vinyl actually plaid. Literally High Life seitan, hoodie meggings wayfarers butcher narwhal Pinterest vinyl art party biodiesel flannel flexitarian. Marfa tousled brunch hashtag, irony 8-bit deep v tofu tattooed. Portland meggings flannel
        kogi, meh banh mi forage +1 post-ironic bitters street art. Mustache fashion axe Bushwick banh mi post-ironic pop-up. Normcore hashtag single-origin coffee, Godard mumblecore kale chips raw denim. Direct trade artisan Williamsburg, shabby chic
        Bushwick Schlitz pour-over iPhone fanny pack Blue Bottle Odd Future sustainable fashion axe.</p>

      <p>Keffiyeh Wes Anderson Intelligentsia occupy blog, meditation Thundercats meh. Pork belly sustainable stumptown chia cliche typewriter. Kickstarter Pinterest lo-fi salvia hashtag. Cray PBR&B trust fund, asymmetrical next level fashion axe High Life
        deep v chillwave biodiesel. Viral hashtag Pitchfork, Bushwick Brooklyn direct trade keytar small batch Tumblr swag authentic. Gluten-free High Life Blue Bottle, VHS dreamcatcher selvage vegan pug. Kickstarter mustache semiotics fanny pack.</p>

      <p>Sustainable you probably haven't heard of them Vice, meggings Thundercats craft beer Bushwick slow-carb. Tilde mixtape sustainable salvia, gentrify XOXO craft beer chia four dollar toast Godard farm-to-table Banksy. Trust fund master cleanse DIY
        retro. Letterpress gluten-free Williamsburg forage. Scenester cardigan fixie PBR tousled. Chia cred Neutra, Portland tilde XOXO brunch semiotics Carles occupy. Church-key put a bird on it blog health goth 3 wolf moon, 90's Schlitz cardigan mumblecore
        Banksy American Apparel plaid bicycle rights.</p>
    </div>
    <div class="footer section">
      <p>footer goes here</p>
    </div>
  </div>