diff --git a/src/components/sections/community/events/index.tsx b/src/components/sections/community/events/index.tsx index fddaf4e..0055c9c 100644 --- a/src/components/sections/community/events/index.tsx +++ b/src/components/sections/community/events/index.tsx @@ -21,6 +21,7 @@ const Events = () => { initial: 0, loop: true, mode: 'free-snap', + slides: { perView: 3.915, spacing: 24 }, slideChanged(slider) { setCurrentSlide(slider.track.details.rel) }, @@ -31,14 +32,11 @@ const Events = () => { setLoaded(true) }, breakpoints: { - '(max-width: 1050px)': { + '(max-width: 1024px)': { + slides: { perView: 2.915, spacing: 20 } + }, + '(max-width: 800px)': { slides: { perView: 1.12, spacing: 12 } - }, - '(min-width: 1050px)': { - slides: { perView: 2, spacing: 22 } - }, - '(min-width: 1600px)': { - slides: { perView: 3.915, spacing: 24 } } } }) diff --git a/src/components/sections/homepage/latest-news/index.tsx b/src/components/sections/homepage/latest-news/index.tsx index f4f4869..8de6596 100644 --- a/src/components/sections/homepage/latest-news/index.tsx +++ b/src/components/sections/homepage/latest-news/index.tsx @@ -19,18 +19,16 @@ const LatestNews = () => { initial: 0, loop: true, mode: 'free-snap', + slides: { perView: 3.915, spacing: 24 }, created() { setLoaded(true) }, breakpoints: { - '(max-width: 1050px)': { + '(max-width: 1024px)': { + slides: { perView: 2.915, spacing: 20 } + }, + '(max-width: 800px)': { slides: { perView: 1.12, spacing: 12 } - }, - '(min-width: 1050px)': { - slides: { perView: 2, spacing: 22 } - }, - '(min-width: 1600px)': { - slides: { perView: 3.915, spacing: 24 } } } })