JSFiddle - React, Tailwind, and code Playground

by niks_on

HTML

<section class="first">
  <a href="#second">
  down
  </a>
</section>
<section class="second" id="second">
</section>

CSS

.first, .second {
  width: 100%;
  height: 1500px;
  position: relative;
}
.first {
  background: orange;
}
.second {
  background: blue;
}
a {
  width: 100%;
  position: absolute;
  bottom: 0;
  background: white;
  text-align: center;
}