responsive bug fixing2
This commit is contained in:
@@ -34,31 +34,31 @@ export default function Partners() {
|
||||
</div>
|
||||
|
||||
{/* slider */}
|
||||
<div className="my-20">
|
||||
<Swiper
|
||||
autoplay={{
|
||||
reverseDirection: true,
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
}}
|
||||
loop={true}
|
||||
modules={[Autoplay]}
|
||||
slidesPerView={4}
|
||||
className="mySwiper flex items-center justify-around"
|
||||
>
|
||||
{images.map((item, index) => (
|
||||
<SwiperSlide key={index} className="!w-[200px] mx-10 " >
|
||||
<Image
|
||||
src={item}
|
||||
alt="Partner images"
|
||||
width={200}
|
||||
height={200}
|
||||
className="object-contain mx-auto max-w-[200px] h-auto"
|
||||
/>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
<div className="my-20">
|
||||
<Swiper
|
||||
autoplay={{
|
||||
reverseDirection: true,
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
}}
|
||||
loop={true}
|
||||
modules={[Autoplay]}
|
||||
slidesPerView={4}
|
||||
className="mySwiper flex items-center justify-around"
|
||||
>
|
||||
{images.map((item, index) => (
|
||||
<SwiperSlide key={index} className="!w-[200px] mx-10 ">
|
||||
<Image
|
||||
src={item}
|
||||
alt="Partner images"
|
||||
width={200}
|
||||
height={200}
|
||||
className="object-contain mx-auto max-w-[200px] h-auto"
|
||||
/>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user