Skip to content
Submitted almost 2 years ago

Touch-first Carousel using scroll snap css properties

J Cooper•290
@jefcooper
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single-page design portfolio
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

My carousel is using scroll-snap-type, hiding the scroll bar, and using javascript on the buttons to scroll left/right by a fixed amount. This just seemed too easy compared to more elaborate carousels I've worked with in the past. Is there a catch? Other than compatibility with older browsers, is there a downside to this approach?

Community feedback

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord