[css] 반응형되는 말줄임

flex: 1;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
word-break: break-all;

flex:1 은 필요에 따라 하는 듯, 없어도 해결이 됨.
display: -webkit-box 필수

참고자료

글자 말 줄임 처리(feat. 반응형)