JSFiddle - React, Tailwind, and code Playground

by Hemanth HM

HTML

<div class="container">
  <section>ONE</section>
  <section>TWO</section>
  <section>THREE</section>
</div>

CSS

.container {
  scroll-snap-type: mandatory;
  scroll-snap-type: y mandatory;
}

section {
  height:92vh;
    scroll-snap-align: start;

}