css의 text-wrap은 줄바꿈을 할때 텍스트를 어떻게 할건지를 결정한다.text-wrap의 속성을 balance로 지정하면 균형있게 줄바꿈 할 수 있다.오른쪽 끝을 보면 좀 더 균형이 있는것을 볼 수 있다.

Flexbox: 주로 단일 축(행 또는 열)을 따라 아이템을 배치하는 데 사용됩니다. 주로 리스트, 메뉴, 사이드바와 같은 요소들을 정렬할 때 유용합니다.Grid: 2차원 그리드로 요소를 배치할 수 있으며, 행과 열을 모두 제어할 수 있습니다. 레이아웃을 더 복잡하게

small viewport주소바 UI가 축소되지 않은 상태의 뷰포트 높이.large viewport주소바 UI가 축소된 상태의 뷰포트 높이.dynamic viewport주소 표시줄의 유무에 따라 동적으로 변하는 높이.출처: https://blanche-toil