Very nice and responsive, but for my project I would like to have the cards displayed in 1 (= ONE) row but with a horizontal scrollbar if there are more cards than the width of my screen/phone.
I want to display the birthdays of some people in the current month; this can be only 1 card but also 15 cards. It would be nice to show max. 4 cards on 1 row BUT have the user the option to swipe (scrollbar) to see the other cards.
You’re can start exploring a solution for this by using a regular grid, nesting it inside a div and making that div a certain fixed width (bigger than the screen width) and then making it’s overflow: scroll
Hi! Is there any solution for hiding the little arrows? Even better, is there any way to replace the horizontal scroll bar with just arrows that the user can click on to scroll? Thanks!
you can style the scrollbar with css, but results will vary depending on the users’ browser. Just ask chatgpt for the css… Alternatively you could use the slider component over a native scrolling div with overflow
