인프런 커뮤니티 질문&답변

손성오님의 프로필 이미지
손성오

작성한 질문수

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

포트폴리오 리뷰

캐러셀 arrow 위치 질문

해결된 질문

작성

·

318

0

다음 부분과 같이 아주 작게 이상한 위치에 나오는데 이를 옮기는 방법을 알고 싶습니다

답변 1

0

노원두님의 프로필 이미지
노원두
지식공유자

안녕하세요! 성오님!

현재 코드가 없는 상황이므로, 그림만 가지고 추론을 해본다면 캐러셀이 담긴 블록이 한줄 전체를 차지하고 있는 것 같아요!
이러한 이유에서 맨 오른쪽에 화살표가 붙은 것으로 추측이 됩니다!

따라서, 캐러셀을 담고 있는 전체의 가로 사이즈를 조정해 보세요!

 

만약, 이것으로 해결되지 않는다면, .slick-prev, .slick-next 등의 클래스 이름을 활용하여 이전화살표와 다음화살표의 css를 조정해 보실 수 있어요!

const StyledSlider = styled(Slider)`
  .slick-prev {
    // 이전화살표
  },
  .slick-next {
    // 다음화살표
  }`;

 

손성오님의 프로필 이미지
손성오

작성한 질문수

질문하기