JSFiddle - React, Tailwind, and code Playground

by mnk

HTML

<div class="container">
    <div class="panel">1</div>
    <div class="panel">2</div>
    <div class="panel">3</div>
</div>

CSS

.panel {
    width: 300px;
    height: 200px;
}
.container {
    width: 300px;
    height: 200px;
    overflow: auto;
    scroll-snap-type: proximity;
    scroll-snap-points-y: repeat(200px);
}