/* info area */ .product-info padding:0.9rem 1rem;
It uses native touch-swiping for mobile devices automatically. responsive product slider html css codepen work
/* Basic Reset */ * box-sizing: border-box; margin: 0; padding: 0; /* info area */
/* responsiveness: adjust card size on different screens */ @media (max-width: 780px) .slider-container padding: 1.5rem; .product-card flex: 0 0 260px
.product-card flex: 0 0 260px;