diff --git a/app/(pages)/_components/HomepageCarousel/HomepageCarousel.module.scss b/app/(pages)/_components/HomepageCarousel/HomepageCarousel.module.scss index 4873b82..ecb89c6 100644 --- a/app/(pages)/_components/HomepageCarousel/HomepageCarousel.module.scss +++ b/app/(pages)/_components/HomepageCarousel/HomepageCarousel.module.scss @@ -4,7 +4,6 @@ display: flex; flex-direction: column; justify-content: center; - // width: calc(8px * 123); gap: 80px; margin: auto; } @@ -13,6 +12,7 @@ display: flex; flex-direction: column; align-items: center; + text-align: center; } .header h2 { @@ -24,8 +24,8 @@ } .swiper { - width: calc(8px * 123); - // display: flex; + width: 100%; + max-width: calc(8px * 123); justify-content: center; align-items: center; margin: auto; @@ -42,7 +42,8 @@ .slide { display: flex; flex-direction: column; - width: calc(8px * 65); + max-width: calc(8px * 65); + width: 100%; height: calc(8px * 82); padding: 20px; border-radius: 20px; @@ -76,7 +77,7 @@ position: relative; object-fit: cover; height: 280px; - width: 480px; + // width: 480px; } .info {