쌤 화면 크기 줄엿을때 글자들 삐져나오는거는 어떻게 해결하죠?

Question

화면 줄이면 이렇게 글자들이 삐져나오는걸 해결을 못하고 잇어요 ㅠㅠ 일단은 혼자서 해결해보도록 하겟습니다!! 강의 감사해요~ 아 그리고 해결하고싶은 문제들이 몇가지 더 있는데 예를들어 줌인 상태에서 다른 곳 클릭하면 화면이 완전히 다른곳으로 전환되는 것들은 지금은 제가 혼자 해결해보겠습니다. 제가 이강의를 여러번 돌려보면서 공부할거라서 나중에 정 모르겟으면 그때  질문할게요~ 감사해요~~

1분코딩 · Answer

이 강의는 좀 짧고 간단하게 인터랙티브 구현에 목적을 둔 강의라 반응형 CSS  처리를 하지는 않았어요~ 미디어쿼리를 이용해서 CSS 분기처리를 해서 해결하면 되는데요, 작은 사이즈의 화면에서는 3D 효과를 빼고 1단 컬럼으로 쭉- 떨어지는 레이아웃으로 바뀌게 하는 방법으로 해보시는 것도 괜찮아 보여요! 어차피 스마트폰 사이즈에서는 가로 리플릿은 답이 안나오는 형태라서 ㅎㅎㅎ 아니면 저 3단 리플릿의 디자인을 살리고 싶으시면 모바일에선 세로로 접히게 만들수도 있을 것 같고요(쉽지는 않겠지만 연구해보시면 가능할거에요 ㅎㅎ). 가로 형태에서 폭이 줄어서 텍스트가 삐져나오는 것 역시 미디어쿼리로 리플릿의 디자인을 좀 길쭉한 형태로 바꾸여주면 될 것 같네요~ 그럼 작업 화이팅 하시고, 하다가 어려운 점 있으면 또 질문 남겨주세요^^

송지훈 · Answer

좋은 답변 감사합니다!! 오늘 하루도 고생하셨습니다.