👿 Problem
한 flex에 width를 100%로 갖는 두개의 div가 자식요소로 있을 경우 내부의 text 값이 늘어나면 text값만큼 늘어나게 됨
😇 Solution
해결방안 1
자식 요소에게 width 값을 50%씩 주기
display: flex & > div { width: 50% }
해결방안 2
부모에게 display: grid를 주고, 첫째 자식 요소에겐 minmax(0, 1fr)을, 둘째 자식 요소에겐 50%를 줌
display: grid; grid-template-columns: minmax(0, 1fr) 50%;
첫째자식은 0 ~ 1fr로 유동적으로 크기를 갖고, 둘째 자식은 부모 width의 50%로 고정됨
