1.scrolling-wrapper-flexbox { display: flex; flex-wrap: nowrap; overflow-x: auto; .card { flex: 0 0 auto; }}
1<div class="scrolling-wrapper"> <div class="card"><h2>Card</h2></div> <div class="card"><h2>Card</h2></div> <div class="card"><h2>Card</h2></div> <div class="card"><h2>Card</h2></div> <div class="card"><h2>Card</h2></div> <div class="card"><h2>Card</h2></div> <div class="card"><h2>Card</h2></div> <div class="card"><h2>Card</h2></div> <div class="card"><h2>Card</h2></div></div>
1.scrolling-wrapper { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; .card { display: inline-block; }}