Czy wiesz, czym jest i jak działa Scroll Snap?

Scroll-snap-type to atrybut CSS, który powoduje, iż scroll nie zatrzymuje się w miejscu, gdzie przestaliśmy scrollować, a przylega do elementu, który mu wskażemy. Aby skorzystać z tego zachowania najpierw na kontenerze, który scrollujemy, ustawiamy atrybut scroll-snap-type: .container { scroll-snap-type: x; } x oznacza, iż będziemy zatrzymywać się na osi x. Parametr może też przybierać wartości: y, block, inline, both. Więcej szczegółów w dokumentacji).