.tline {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.tline li {
  scroll-snap-align: start;
}

@media (max-width: 1180px) {
  .tline {
    grid-template-columns: repeat(6, minmax(220px, 1fr));
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
  }
}