상용화도 가능한 반응형 모던 웹페이지 만들기4에서 질문입니다.

Question

14분 50초 부분에서 카드가 잘리는 이슈를 해결하기 위해 overflow 값을 hidden에서 none으로 변경해주셨는데요 .class-list { display : flex ; /* 주의: list-style을 none으로 만들면 padding 값은 그대로 남는다 */ list-style : none ; padding : 1rem 0 ; margin : 0 ; /* overflow를 hidden으로 설정하면 transform 시 이미지 짤림 */ overflow : none ; } 위 처럼 모든 클릭 이벤트를 주지 않았음에도 모두 보이는 현상이 발생했습니다.. overflow의 다른 옵션을 줘도 해결이 되지 않는데 이유를 해결 방안이 있을까요 ..?

잔재미코딩 DaveLee · Answer

안녕하세요. 직접 무언가 코드를 바꿔서, 결과가 상이하게 나오면 아무래도 저도 그 코드를 다 보고, 디버깅하지 않는 이상 딱 어떤 부분이 문제다 라고 이야기드리기는 어려운데요. 이럴 경우에는 항상 제가 드린 프로젝트 파일을 그대로 다운받으셔서, 자신의 코드와 어떤 부분이 다른지를 확인해보시면 좋습니다. 꼭 제 강의뿐만 아니라, 어떤 작업을 하시든 이런 작업을 습관화하시면 훨씬 스스로 문제를 해결해갈 수 있는 역량을 기르시는데 도움이 되실꺼예요. 보통 overflow 를 hidden 으로 나왔는데, 보인다면, 뭔가 그 전체를 감싸고 있는 단계별 태그가 있는데 그중의 한 div 등이 빠져서, 넘치게 보이는 것이 아닐까 조심스럽게 추측은 해보는데, 이 부분도 함 확인해보시면 어떠실까요?