diff --git a/src/components/Feed/ArticleCard/ArticleCard.module.scss b/src/components/Feed/ArticleCard/ArticleCard.module.scss index 240ecb82..066b33a7 100644 --- a/src/components/Feed/ArticleCard/ArticleCard.module.scss +++ b/src/components/Feed/ArticleCard/ArticleCard.module.scss @@ -405,14 +405,26 @@ aspect-ratio: 16/9; width: 100%; - // padding: 0 2.4rem; - @include media-breakpoint-down(xl) { aspect-ratio: auto; height: 100%; padding-top: 30%; } + swiper-slide & { + @include media-breakpoint-down(lg) { + aspect-ratio: 1/1; + } + + @include media-breakpoint-down(md) { + aspect-ratio: 1/1.5; + } + + @include media-breakpoint-down(sm) { + aspect-ratio: 1/1; + } + } + &.swiper-slide { .shoutCardContent { @include media-breakpoint-down(md) { diff --git a/src/components/_shared/SolidSwiper/Swiper.module.scss b/src/components/_shared/SolidSwiper/Swiper.module.scss index c03c8d25..dd261c64 100644 --- a/src/components/_shared/SolidSwiper/Swiper.module.scss +++ b/src/components/_shared/SolidSwiper/Swiper.module.scss @@ -15,6 +15,7 @@ &.ArticleCardSwiper { margin-bottom: 6rem; + padding-bottom: 2rem; } .sliderTitle {