JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
  <div class="section">
    this is a section
  </div>
  <div class="section">
    this is a section
  </div>
  <div class="section">
    this is a section
  </div>
  <div class="section">
    this is a section
  </div>
  <div class="footer">
    this is the footer
  </div>
</div>

CSS

#container {
  height: 2000px;
  position: relative
}

.section {
  height: 400px
}

.footer {
  height: 200px;
  position: absolute;
  bottom: -200px;
}