CSS Master #1.0~#1.7

inline은 box가 아닌 너비와 높이가 없는 유동적인 element
ex. text

flex-direction 기본 방향은 row이고, 이때 main axis는 수평, cross axis는 수직
main axis인 수평으로 item을 옮기려면 justify-contents를 사용하고 cross axis 방향으로 옮기려면 align-items 사용

flex-wrap의 디폴트는 nowrap인데, main axis에 모든 요소가 배치되도록 구겨 넣음
wrap을 사용하면 너비, 높이가 유지됨

line 단위로 배치를 변경하려면 align-content

• 반응형 디자인 시 유용한 property
  flex-shrink: default= 1
  flex-grow: 박스 주변의 공간을 가져감 default= 0

• flex-basis
  자식 요소에 부여하는 속성으로, element의 처음 크기를 설정