컨텐츠 위젯 반응형으로 만들기

픽셀 단위가 아니라 % 단위로 크기를 지정해 보세요.

브라우저로 넘어온 이후의 문제이므로 개발자모드만 잘 뒤져도 해결책이 나옵니다.

먼저 옆으로 퍼지는 이유는 제목이 들어가 있는 부분이 줄넘김이 막혀있기 때문입니다.
줄넘김을 막는 경우에는 글자가 칸보다 크면 자동으로 말줄임이 되도록 하는 스타일을 같이 써주는게 좋죠.
그래야 영역을 벗어나지 않으니까요.

말줄임을 같이 쓰거나, 줄넘김을 막지 않거나... 두가지 중 하나를 선택하면 됩니다.

스샷에 표시된 부분을 보면 화이트스페이스를 nowrap을 지정해놨습니다.

화이트 스페이스와 그 옵션은 구글링해보세요.

저것만 없으면 영역안에서 줄넘김이 되면서 모바일에서 영역을 벗어나지 않습니다.

모바일만 화이트 스페이스 옵션을 바꾸면 되니 미디어쿼리를 써야겠죠.