grid 질문입니다.

grid에서 text 의 길이가 길어져 버리면 

css에서 지정한 넓이를 무시하고 text의 길이만큼 넓이를 가져가 버리는데 

grid > div (그리드의 직계자식) 에 overflow: hidden; 을 주는 것 밖에 방법이 없을까요?

# 코드: https://codesandbox.io/s/admiring-microservice-nh7j7?file=/index.html

## 참고그림: 첫번째 요소가 넓이가 text 크기만큼 늘어남.