Answered by : courageous-capybara-jfzf6qfpaj7o

.scrolling-wrapper-flexbox { display: flex; flex-wrap: nowrap; overflow-x: auto; .card { flex: 0 0 auto; }}

Source : https://codeburst.io/how-to-create-horizontal-scrolling-containers-d8069651e9c6 | Last Update : Thu, 22 Apr 21

Answered by : colorful-copperhead-89evw2nsg6k6

.horizontal-scroll { width: 300px; /* Set a fixed width */ overflow-x: auto; /* Enable horizontal scrolling */ overflow-y: hidden; /* Disable vertical scrolling */ white-space: nowrap; /* Prevent content wrapping to a new line */
}

Source : https://chat.openai.com/c/bc4c66e2-9504-4c94-b520-45e4ce5c6a56 | Last Update : Mon, 18 Dec 23

Answered by : joyous-jackal-gkt7ix1yuk8v

remove width:100%;
add float:left;

Source : | Last Update : Sun, 15 May 22