JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fullpage">
      <section class="vertical-scrolling" id="section1">
      
      </section>
      
       <section class="vertical-scrolling" id="section2">
      
      </section>
       <section class="vertical-scrolling" id="section3">
      
      </section>
       <section class="vertical-scrolling" id="section4">
      
      </section>
       <section class="vertical-scrolling" id="section5">
      
      </section>
      
      
      <footer>
        my footer content goes here
      </footer>
 </div>

CSS

footer{
  position: absolute;
  bottom: 0px;
}