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.
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