スクロール時にCSSでスナップを効かせる方法

画面スクロールをした時にセクションごとにストップさせる方法を見つけたので備忘録

親要素に以下
scroll-snap-type: x mandatory;

子要素に以下を追加することで実装できる
scroll-snap-align: start;

実際のCSSコードはいか
```.section {
display: flex;
overflow-x: auto;
height:100vh;
scroll-snap-type: x mandatory;
}

.section__item {
height:100vh;
scroll-snap-align: start;
}```