horizontal scrolling div code example

Example 1: horizontal scroll html

  
Card
  
Card
  
Card
  
Card
  
Card
  
Card
  
Card
  
Card
  
Card

.scrolling-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;

  .card {
    display: inline-block;
  }
}

Example 2: how to make div scrollable horizontal

overflow-x: auto(show when needed) or hidden(never) or scroll(always scroll);