概要

・横スクロールにscroll-snap-typeでスワイプによるカルーセルを作成（HTML、CSS）

https://developer.mozilla.org/ja/docs/Web/CSS/scroll-snap-type

・ボタンクリックによりスクロールの位置を変更することで、カルーセルを変更（javascript）

プログラム

・HTML

<div class="carousel">
  <...