플렉서블 박스 시작하기

1. 플렉서블 박스==부모 박스

• 대부분의 주요 속성값은 부모 박스에 넣어준다

2. 플랙서블 박스의 자식 박스 == 플렉스 아이템
3. 플렉서블 박스의 축: 주축(기본값 가로)과 교차축(기본값 세로)
   

플렉서블 박스 기술 익히기

1. 부모 박스에 다음과 같은 속성을 넣어준다

display: flex

2. 자식 박스의 배치 방향 설정하기
   
3. 자식 박스를 여러 줄로 배치하기
   
4. 2, 3을 한번에 설정하기
   

flex-flow: row wrap-reverse;

주축 방향으로 다양하게 플랙스 아이템 배치하기

교차축 방향으로 다양하게 플랙스 아이템 배치하기

교차축 방향으로 플렉스 아이템을 개별적으로 배치하기

• 
• 나머지는 align-items 속성값 설명과 동일

여러 줄인 플렉스 아이템을 교차축 방향으로 다양하게 배치하기

플렉스 아이템의 배치 순서 바꾸기

플렉스 아이템의 크기 늘이고 줄이기(?!)