Responsive Carousel (TailWind + JS)

Hello,

I'm trying to build a responsive carousel. Ideally, what I'd like to happen is that the amount of visible products decreases based on screen size. (ie: web: 5, tablet: 3, phone: 2). I tried using Grid instead of flex, but I couldn't stop content from wrapping. Any ideas would be greatly appreciated.

Here's my demo:
https://codepen.io/Matt-CopOffMatt/pen/eYopOWj

Thank you!
Was this page helpful?