'Horizontally scrollable cards

How can I make horizontally scrollable cards(divs) with only one card is visible at a time and the the scroll bar can't stop between two cards. (Using Html, css and js) Homepage of airbnb, which features the result I look to reach.

javascript html css

Solution 1:^[1]

You can create a parent div and set its overflow: auto; and place all card divs under it aligned inline.

Or i would suggest using a slider for this if you should Slick slider

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source
Solution 1	Anshul Kumar