changed some style

frontend/components/global/product-detail/ProductsSlider.vue

@@ -33,7 +33,7 @@ const onSwiper = (swiper: SwiperClass) => {
 </script>
 
 <template>
-    <section class="w-full flex flex-col gap-10 md:gap-[4rem]">
+    <section class="w-full flex flex-col gap-10 md:gap-[4rem] lg:container">
         <div class="w-full flex justify-between items-center max-lg:container">
             <span class="text-black typo-h-6 md:typo-h-5 lg:typo-h-4">
                 {{ title }}
@@ -91,11 +91,11 @@ const onSwiper = (swiper: SwiperClass) => {
                 :breakpoints="{
                     640: {
                         centeredSlides: true,
-                        slidesPerView: 2.5,
+                        slidesPerView: 3,
                     },
                     1024: {
                         centeredSlides: false,
-                        slidesPerView: 3,
+                        slidesPerView: 4,
                     },
                 }"
             >