Commit 203d2f43 authored by Phạm Quang Bảo's avatar Phạm Quang Bảo

fix/responsive slider

parent 7337279f
......@@ -83,7 +83,7 @@ const Members = () => {
>
{partnerImages.map((src, i) => (
<SwiperSlide key={i}>
<div className="flex justify-center items-center bg-white rounded-lg shadow p-3 w-[100px] h-[100px]">
<div className="flex justify-center items-center bg-white rounded-lg shadow p-3 w-[120px] h-[120px]">
<ImageNext
src={src}
alt={`partner-${i}`}
......
......@@ -76,7 +76,7 @@ const VideoAndPartners = () => {
slidesPerView={3}
spaceBetween={16}
breakpoints={{
0: { slidesPerView: 2, spaceBetween: 10 },
0: { slidesPerView: 3, spaceBetween: 10, grid: { rows: 1 } },
640: { slidesPerView: 3, spaceBetween: 16 },
1024: { slidesPerView: 3, spaceBetween: 24 },
}}
......@@ -84,12 +84,12 @@ const VideoAndPartners = () => {
>
{partnerImages.map((src, i) => (
<SwiperSlide key={i}>
<div className="flex justify-center items-center bg-white rounded-lg shadow p-3 w-[100px] h-[100px]">
<div className="flex justify-center items-center bg-white rounded-lg shadow p-3 w-[120px] h-[120px]">
<ImageNext
src={src}
alt={`partner-${i}`}
width={100}
height={100}
width={120}
height={120}
className="object-contain w-full h-full"
/>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment