flex-basis로 요소 너비를 같게 하는 원리는 알겠습니다. 그런데 flex-basis: 300px인 것을 어떻게 알고 지정하나요?

3개의 요소 중 중앙에 있는 요소를 중앙 정렬하기 위해 임의의 값을 넣은 것이라고 생각됩니다. 양 끝의 요소 너비를 원래 갖고 있는 값보다 더 크게 지정하게 되면 중앙은 자연스럽게 총 넓이의 중앙에 정렬되는 것 같습니다.