각각의 item 값을 주었을때에 flex-grow 속성값을 0 으로 주게되면 아무일도 일어나지 않지만 1로 주었을때에는 각각의 엘리먼트값이 공평하게 1로 분배가 됩니다.
flex-basis 값을 300px를 주었을때에 웹브라우저 화면을 줄일떄에 300까지 고정이 되다가 그이상 줄어들었을때에 같이 줄어들게 됩니다. flex-shrink 값을 0으로 주었을때에 화면을 줄일때에 고정이 되지만 2로 주었을때에는 화면의 2만큼 분배하여 줄어들게 됩니다.
참고로 flex 태그의 기능들은 웹서버를 통해서 작동되며 윈도우내에서는 적용이 되지 않습니다. 정리해 보면 flex-grow 는 공평하게 분배되고, flex-basis 는 px 만큼 나타나지만 화면을 줄였을떄에 같이 줄어들게 되며, flex-shrink 는 특정 엘리멘트 값을 분해할수가 있습니다.
