JSFiddle - React, Tailwind, and code Playground

HTML

<header>
  <nav>
    <ul>
      <li><a href=#section1">Section 1</a></li>
      <li><a href="#section2">Section 2</a></li>
    </ul>        
  </nav>
</header>
<main>
   <section id="section1">

   </section>  
   <section id="section2"> 

   </section>
</main>

CSS

#section1{
    height:500px;
background:black;
}

#section2{
    height:500px;
 background:red;
}