Scroll-snap-type property is set on container element to work on x-axis.
Drag the scrollbar horizontally inside the container box, let go, and see the scroll-snap-align center effect.
Click on a box, then navigate through the blue and green boxes with the left and right arrow keys.