질문 있습니다

사이트를 만들면서 아래처럼 flex를 적용했는데요

위처럼 자식 요소의 내용물이 두개 이상 들어가면 세로중앙 정렬이 안되는데 이럴 경우엔 어떻게 해야되나요? 

각 박스에 값을 줄 경우 위처럼 내용물은 꽉 차나 중앙 정렬이 안되고

각 박스마다 값을 안 줄 경우 내용물이 중앙정렬은 되나 역시 값을 주지 않았기에 내용물만큼만 배경을 채워 지저분해 보입니다...ㅠㅠ

박스에 값을 줄 경우 box-sizing과 padding을 이용해 중앙정렬을 맞출 수 밖에 없는 건가요? 이 경우 모든 박스의 내용물이 다른데 박스마다 일일이 다른 패딩값을 줘야하나요?