flex

플렉스 항목 크기 조절하기

flex: [<flex-grow> <flex-shrink> <flex-basis>] | autu | initial

<flex-grow>	플렉스 항목의 너비를 얼마나 늘일지 숫자로 지정
<flex-shrink>	플렉스 항목의 너비를 얼마나 줄일지 숫자로 지정
<flex-basis>	플렉스 항목의 기본 크기 지정.
initial	항목의 width/height 값에 의해 크기가 결정되는데 플렉스 컨테이너의 공간이 부족할 경우, 최소 크기까지 줄입니다.
auto	항목의 width/height 값에 의해 크기가 결정되지만 플렉스 컨테이너의 고간에 따라 늘이거나 줄입니다.

출처 : Doit! html5 + css3 웹표준의 정석