flex에 대해서

속성의미

displayFlex= Container를 정의 //  center, flex-end, space-around, space-between, => justify-content

flex-flow= flex-direction와 flex-wrap의 단축 속성

flex-direction=   Flex Items의 주 축(main-axis)을 설정  // row, column  (reverse)

flex-wrap= Flex Items의 여러 줄 묶음(줄 바꿈) 설정

justify-content= 주 축(main-axis)의 정렬 방법을 설정

align-content= 교차 축(cross-axis)의 정렬 방법을 설정(2줄 이상)

align-items= 교차 축(cross-axis)에서 Items의 정렬 방법을 설정(1줄)