diff --git a/src/components/HorizontalScrollContainer/HorizontalScrollContainer.module.scss b/src/components/HorizontalScrollContainer/HorizontalScrollContainer.module.scss index 4b106f4..6618596 100644 --- a/src/components/HorizontalScrollContainer/HorizontalScrollContainer.module.scss +++ b/src/components/HorizontalScrollContainer/HorizontalScrollContainer.module.scss @@ -5,11 +5,11 @@ /* 각 아이템(열)의 너비는 내용 크기에 맞추기 */ grid-auto-columns: max-content; align-items: center; - overflow-x: auto; - overflow-y: hidden; } .horizontal-scroll--hide-scrollbar { + overflow-x: auto; + overflow-y: hidden; /* Firefox 스크롤바 숨김 */ @supports (scrollbar-width: none) { scrollbar-width: none; /* Firefox 에서만 스크롤바 숨김 */ diff --git a/src/pages/ListPage/ListPage.module.scss b/src/pages/ListPage/ListPage.module.scss index 9dcd731..9006eb3 100644 --- a/src/pages/ListPage/ListPage.module.scss +++ b/src/pages/ListPage/ListPage.module.scss @@ -24,7 +24,6 @@ &__section { display: flex; flex-direction: column; - gap: 16px; overflow: visible; } @@ -33,6 +32,7 @@ font-size: var(--font-size-24); font-weight: var(--font-weight-bold); color: #333; + padding: 8px; // 슬라이더 padding 추가 후 정렬 맞추기 위함 } &__status { diff --git a/src/pages/ListPage/components/Slider.module.scss b/src/pages/ListPage/components/Slider.module.scss index 03c914e..aa3ed2d 100644 --- a/src/pages/ListPage/components/Slider.module.scss +++ b/src/pages/ListPage/components/Slider.module.scss @@ -34,7 +34,6 @@ &__container { width: 100%; overflow: visible; - @media (max-width: 1199px) { overflow-x: auto; overflow-y: hidden; @@ -45,6 +44,7 @@ &__track { display: flex; gap: 16px; + padding: 8px; overflow: visible; } }