[CSS] 반응형에서(가변 폭) 말줄임표를 사용해 글자 처리하기

글을 담는 컴포넌트를 Box, 그 안에 들어있는 글자 컴포넌트는 Child라고 하자.

const Box = styled.div`
	display: flex;
    overflow: hidden;
`

const Child = styled.h1`
	text-overflow: ellipsis;
 	white-space: nowrap;
  	overflow: hidden;
`

적용된 모습이다!