Horizontally scrollable container that will snap on elements when scrolling.
. Use display: grid and grid-auto-flow: column to create a horizontal layout.
. Use scroll-snap-type: x mandatory and overscroll-behavior-x: contain to create a snap effect on horizontal scroll.
. Change scroll-snap-align to either start, stop or center to change the snap alignment.
Don't forget Like ♥️ and share 💬
Save for future references 📖
✅ Follow Us @codebylancer to never miss content like this in the future 🚀
Hastags🏷️ :
#grid #scroll #alignment #overflow #csstricks #horizontalscroll #html #flex