Product Thumbnail Slider With Zoom Effect Jquery Codepen -

.nav-buttons display: flex; gap: 0.6rem;

.thumb-img width: 100%; height: 100%; object-fit: cover; display: block; product thumbnail slider with zoom effect jquery codepen

/* Thumbnail slider area */ .slider-section margin-top: 0.5rem; .nav-buttons display: flex

/* slider track */ .thumbnail-track-wrapper overflow-x: auto; scroll-behavior: smooth; scrollbar-width: thin; border-radius: 1.5rem; padding-bottom: 0.5rem; .thumb-img width: 100%

.slider-header display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 1rem; flex-wrap: wrap; gap: 0.5rem;