JSFiddle - React, Tailwind, and code Playground

HTML

<container>
  <section>
    <div class="content">
    </div>
  </section>
  <section></section>
</container>

CSS

body{
  width: 100%;
  height: 100vh;
  overflow:scroll;
  margin:0;
  padding:0;
}

container{
  width: 100%;
  height: 100vh;
  overflow:scroll;
  margin:0;
  padding:0;
  display: flex;
  flex-direction: column;
}

section:nth-child(2){
  background-color: blue
}

section{
  min-height: 100vh;
  background-color: yellow;
  padding:10px
}

.content{
  height: 120vh;
  background-color:black
}