flex

flex-grow·shrink·basis를 한 번에 지정합니다.

플렉스 아이템이 남는 공간을 어떻게 차지/축소할지 정하는 단축 속성입니다. flex: 1은 "남는 공간을 균등하게 채움"을 뜻합니다.

주요 값<grow> <shrink> <basis> | 단축값(예: 1)

예시

.item { flex: 1; }