Carousel Responsiveness

[Alex-Van-Dijck]

Hi all

I've recently been overhauling a front-end and switched over to using PandaCss with Ark UI.

I'm currently designing a carousel component with 3 slidesPerPage and 1 slidePerMove, however when on smaller screens I'd like the slidesPerPage and spacing to scale down.

I noticed there's not really anything in the docs pointing me in a direction, so I ended up going with a useEffect that checks the screen size and went from there. But this feels a bit wonky, how would you guys / should I tackle this?

[segunadebayo]

I’d approach it in a similar manner. Perhaps using a library that provides a useMediaQuery hook 🪝 could help as well.