JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <div>
    <ul>
      <li>
        <a href = "#contact">Contact</a>
      </li>
      <li>
        <a href = "#toAbout" >About</a>
      </li>
      <li>
        <a href = "#toProperties">Properties</a>
      </li>
      <li>
        <a href = "#toHome">Home</a>
      </li>
    </ul>
  </div>

  <div style="height: 1000px">
  </div>

  <p id="contact">
  Contact
  </p>
  <p id="toAbout">
  About
  </p>
  <p id="toProperties">
  Properties
  </p>
  <p id="toHome">
  Home
  </p>
</div>