diff --git a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
index 85c7e52f..2cec4479 100644
--- a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
+++ b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
@@ -37,12 +37,12 @@ export const ArticleCardSwiper = (props: Props) => {
(mainSwipeRef.current = el)}
centered-slides={true}
- thumbs-swiper={'.thumbSwiper'}
observer={true}
onSlideChange={handleSlideChange}
space-between={20}
+ slides-per-view={1.5}
breakpoints={{
- 576: { spaceBetween: 20, slidesPerView: 1.5 },
+ 576: { spaceBetween: 20, slidesPerView: 1 },
992: { spaceBetween: 52, slidesPerView: 1.5 }
}}
round-lengths={true}
@@ -73,24 +73,17 @@ export const ArticleCardSwiper = (props: Props) => {
mainSwipeRef.current.swiper.slidePrev()}
>
mainSwipeRef.current.swiper.slideNext()}
>
- {/**/}
- {/* {slideIndex() + 1} / {props.slides.length}*/}
- {/*
*/}
diff --git a/src/components/_shared/SolidSwiper/Swiper.module.scss b/src/components/_shared/SolidSwiper/Swiper.module.scss
index 9229ec5e..648ca264 100644
--- a/src/components/_shared/SolidSwiper/Swiper.module.scss
+++ b/src/components/_shared/SolidSwiper/Swiper.module.scss
@@ -126,10 +126,7 @@
position: relative;
box-sizing: border-box;
overflow: hidden;
-
- @include media-breakpoint-up(sm) {
- //width: calc(100% - 130px);
- }
+ width: 100%;
.counter {
@include font-size(1.2rem);