css horizontal scroll

1html {
2    scrollbar-width: none; /* For Firefox */
3    -ms-overflow-style: none; /* For Internet Explorer and Edge */
4}
5
6html::-webkit-scrollbar {
7    width: 0px; /* For Chrome, Safari, and Opera */
8}

1.scroll{
2	overflow-x: scroll;
3	overflow-y: hidden;
4	height: 80px;
5  	white-space:nowrap
6}

1<div class="scrolling-wrapper">
2  <div class="card"><h2>Card</h2></div>
3  <div class="card"><h2>Card</h2></div>
4  <div class="card"><h2>Card</h2></div>
5  <div class="card"><h2>Card</h2></div>
6  <div class="card"><h2>Card</h2></div>
7  <div class="card"><h2>Card</h2></div>
8  <div class="card"><h2>Card</h2></div>
9  <div class="card"><h2>Card</h2></div>
10  <div class="card"><h2>Card</h2></div>
11</div>
12.scrolling-wrapper {
13  overflow-x: scroll;
14  overflow-y: hidden;
15  white-space: nowrap;
16
17  .card {
18    display: inline-block;
19  }
20}

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