DEV Community

Discussion on: Creating practical Instagram-like galleries and horizontal lists with CSS scroll snapping

Collapse
elisavettriant profile image
Elissavet Triantafyllopoulou

Hello Joost and thank you!

So, I wanted to make a horizontal slider/carousel using the Intersection Observer API and came across your article.

I think this solution is really neat and can work even in production with a polyfill.

This is my testing demo: codepen.io/elisavetTriant/pen/OJWvOyr, which is actually for a CodePen challenge named "Scrolling Microinteraction" (codepen.io/challenges/2021/april/2)

I tried to make it work with responsive settings on the container/wrapper element so I made some adjustments on the observer callback function.

Collapse
joostkiens profile image
Joost Kiens Author

Nice work!