Allows you to create smooth, controlled scrolls with a "binding" to certain positions
.container {
scroll-snap-type: x mandatory;
}
.item {
scroll-snap-align: start;
}🔘 is used for carousels, sliders and lists.
Why is it needed:
➡️ Make UX convenient and predictable.
➡️ Get rid of crutches on JS.
💎@htmlcss_channels