JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="float-right">
  <li class="madmaxmenu">
    <a href="#mad-max">Mad Max</a>
  </li>
  <li class="theroadwarriormenu">
    <a href="#the-road-warrior">The Road Warrior</a>
  </li>
  <li class="beyondthethunderdomemenu">
    <a href="#beyond-the-thunderdome">Beyond The Thunderdome</a>
  </li>
  <li class="furyroadmenu">
    <a href="#fury-road">Fury Road</a>
  </li>
</ul>

<div id="wrapper">

  <div class="section" id="mad-max"> Secção Mad Max </div>
  <div class="section" id="the-road-warrior"> Secção Road Warrior </div>
  <div class="section" id="beyond-the-thunderdome"> Secção Beyond The Thunderdome </div>
  <div class="section" id="fury-road"> Secção Mad Max </div>

</div>

CSS

.section {
    height: 75vh;
    width: 100%;
    background-color: #d2d2d2;
    margin-bottom: 15px;
}