horizontal scroll html
<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> .scrolling-wrapper { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; .card { display: inline-block; } }