Change any Grid to Horizontal Scroll in Mobile

1. Main container CSS Class: grid
2. Individual Div/grid item CSS class: grid__item
3. Then apply this custom CSS

@media (max-width: 768px) {
    .grid.grid--no-gutters {
      display: flex !important;
      flex-wrap: nowrap !important;
      overflow-x: auto !important;
      scroll-snap-type: x mandatory;
    }
    .grid__item {
      flex: 0 0 50% !important;
      margin-right: 10px;
      scroll-snap-align: start;
    }
    .grid.grid--no-gutters::-webkit-scrollbar {
      display: none;
    }
  }