JSFiddle - React, Tailwind, and code Playground

HTML

<body>

  <div class="section" id="top">
    <p>next</p>
  </div>

  <div class="section" id="middle">
    <p>next</p>
  </div>

  <div class="section" id="bottom">
    <p>next</p>
  </div>

</body>

CSS

body {
  margin: 0;
}
.section {
  position: relative;
    height: 100vh;
}
.section p {
  position: absolute;
  bottom: 5px;
  left: 45%;
}
#top {
  background-color: blue;
}
#middle {
  background-color: red;
}
#bottom {
  background-color: green;
}