Flex

Flexboxflex는 flex-grow, flex-shrink, flex-basis의 단축 속성즉,flex: {flex-grow} {flex-shrink} {flex-basis}; flex-grow자식 요소가 부모 요소 내부에서 할당 가능한 공간의 정도모든 자식 요소의 flex-grow 값이 같으면 동일한 공간을 할당받는다. flex-shrink자식 요소의 크기가 부모 요소보다 클 때, flex-shrink에 설정된 숫자값에 따라 부모 요소 내부에서 자식 요소의 크기가 축소된다. flex-basis자식 요소의 초기 크기width를 나타내는 단위lengthpercentageauto 키워드content 키워드콘텐츠 크기에 따라 자동으로 크기 설정   +부모 요소가 flex일 때, 자식 요소가 가능한 한 최..