diff --git a/public/banners/banner-accessories.webp b/public/banners/banner-accessories.webp index d9e69fe..b2cdfb3 100644 Binary files a/public/banners/banner-accessories.webp and b/public/banners/banner-accessories.webp differ diff --git a/public/banners/banner-phones.webp b/public/banners/banner-phones.webp index 6498893..57f1d26 100644 Binary files a/public/banners/banner-phones.webp and b/public/banners/banner-phones.webp differ diff --git a/public/banners/banner-tablets.webp b/public/banners/banner-tablets.webp index 05ca339..2900566 100644 Binary files a/public/banners/banner-tablets.webp and b/public/banners/banner-tablets.webp differ diff --git a/src/modules/shared/ProductSlider/ProductSlider.tsx b/src/modules/shared/ProductSlider/ProductSlider.tsx index 6bcf20f..db26c28 100644 --- a/src/modules/shared/ProductSlider/ProductSlider.tsx +++ b/src/modules/shared/ProductSlider/ProductSlider.tsx @@ -51,7 +51,7 @@ export const ProductSlider: React.FC = ({ title, products }) => { breakpoint: 320, settings: { slidesToShow: 1.5, - slidesToScroll: 1, + slidesToScroll: 1.5, centerMode: false, }, }, @@ -59,7 +59,56 @@ export const ProductSlider: React.FC = ({ title, products }) => { breakpoint: 640, settings: { slidesToShow: 2.5, - slidesToScroll: 1, + slidesToScroll: 1.25, + centerMode: false, + }, + }, + { + breakpoint: 680, + settings: { + slidesToShow: 2.5, + slidesToScroll: 1.15, + centerMode: false, + }, + }, + + { + breakpoint: 720, + settings: { + slidesToShow: 2.5, + slidesToScroll: 1.1, + centerMode: false, + }, + }, + { + breakpoint: 780, + settings: { + slidesToShow: 2.5, + slidesToScroll: 0.8, + centerMode: false, + }, + }, + { + breakpoint: 860, + settings: { + slidesToShow: 3, + slidesToScroll: 0.9, + centerMode: false, + }, + }, + { + breakpoint: 920, + settings: { + slidesToShow: 4, + slidesToScroll: 1.1, + centerMode: false, + }, + }, + { + breakpoint: 1100, + settings: { + slidesToShow: 4, + slidesToScroll: 0.9, centerMode: false, }, },