title: Materialize CSS - Sticky Footer
body: <p>I followed the steps mentioned here - <a href="http://materializecss.com/footer.html" rel="noreferrer">http://materializecss.com/footer.html</a> - to create a Sticky Footer, but the results are not as expected.</p>
  
  <p>I copy pasted the following code to the materialize.min.css file:</p>
  
  <pre><code>  body {
      display: flex;
      min-height: 100vh;
      flex-direction: column;
    }
  
    main {
      flex: 1 0 auto;
    }
  </code></pre>