inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

포트폴리오 리뷰

캐러셀 arrow 위치 질문

해결된 질문

369

손성오

작성한 질문수 23

0

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

react node.js seo graphql next.js

답변 1

0

노원두

안녕하세요! 성오님!

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

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

 

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

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

 

fetchBoardsOfMine, fetchBoardsCountOfMine 에러 문의드립니다

0

40

1

댓글 기능 구현 중 질문드립니다.

0

66

1

쿠폰코드 발급

0

135

2

example 서버 플레이그라운드, API 접속 모두 안됩니다.

0

87

2

문의드립니다!! ㅠㅠ

0

102

2

graphql 백엔드 서버가 포폴용 빼곤 접속이 안됩니다.

0

77

2

_app.js 작성 이후로 에러가 발생하네요

0

95

2

학습자료

0

71

2

학습자료가 안열립니다.

0

50

2

플레이 그라운드 퀴즈 문제 질문이 있습니다.

0

61

0

기존강의 구매자, 업데이트 끝인가요?

0

110

3

업데이트 버전 수강

0

89

2

완벽한 프론트엔드

0

136

2

나만의 쇼핑몰 샘플 페이지 접속 확인부탁드립니다.

0

84

1

graphql 접속이 안됩니다.

0

101

2

const, let 사용 질문 드립니다.

0

70

2

싸이월드 만들기 1탄 피드백 부탁드립니다.

0

122

2

회원가입 과제 피드백 부탁드립니다.

0

81

2

styled.span / styled.input "CSS 자동완성"

0

47

1

쿠폰 발급 관련

0

166

2

서버 502 error

0

247

2

쿠폰 다시 부탁드려도 될가여?

0

140

2

a태그 패딩했을때 왜 크기가 줄어들지 않고 늘어나나요

0

185

2

2분 44초 질문

0

132

3