title: Hero footer not at bottom of page
body: <p>I am styling a webpage using the Bulma CSS framework.</p>
  <p>Well, it works pretty good, but when I try to add a footer on my page it doesn't go to the bottom.</p>
  <p>Do I need to make my own CSS for it or is this a problem in the HTML code itself?</p>
  <p>Code:</p>
  <pre><code>&lt;section class=&quot;section&quot;&gt;
      &lt;div class=&quot;container&quot;&gt;
          &lt;div class=&quot;columns&quot;&gt;
              &lt;div class=&quot;column is-three-quarters&quot;&gt;
                  &lt;nav class=&quot;panel&quot;&gt;
                      &lt;p class=&quot;panel-heading&quot;&gt;
                          Category #1
                      &lt;/p&gt;
                      &lt;div class=&quot;panel-block&quot;&gt;
                          &lt;p&gt;Test descriptie&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/nav&gt;
  
                  &lt;nav class=&quot;panel&quot;&gt;
                      &lt;p class=&quot;panel-heading&quot;&gt;
                          Category #2
                      &lt;/p&gt;
                      &lt;div class=&quot;panel-block&quot;&gt;
                          &lt;p&gt;Test descriptie&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/nav&gt;
  
                  &lt;nav class=&quot;panel&quot;&gt;
                      &lt;p class=&quot;panel-heading&quot;&gt;
                          Category #3
                      &lt;/p&gt;
                      &lt;div class=&quot;panel-block&quot;&gt;
                          &lt;p&gt;Test descriptie&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/nav&gt;
              &lt;/div&gt;
  
              &lt;div class=&quot;column&quot;&gt;
                  &lt;nav class=&quot;panel&quot;&gt;
                      &lt;p class=&quot;panel-heading&quot;&gt;
                          Laatste statistieken
                      &lt;/p&gt;
  
                      &lt;div class=&quot;panel-block&quot;&gt;
                          &lt;p&gt;Hier komen de URL's te staan, in een lijst&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/nav&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class=&quot;hero-foot&quot;&gt;
          &lt;p&gt;waarom sta jij niet op de bottom van de &lt;b&gt;&lt;s&gt;FUCKING PAGINA!?&lt;/s&gt;s&gt;&lt;/b&gt;&lt;/p&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>