CSS_FLEXBOX_Basic
The Container and the Item - flex box 레이아웃의 가장 중요한 컴포넌트 두 개는 container(담는틀)와 items(컨텐츠들)이다. 수평 레이아웃 - Container에 display에 flex를 준다 .container { display:flex; } 그럼 item들이 중심축인 수평축을 따라 알아서 정렬 된다. 수직 레이아웃 중심축이 수직축으로 바뀐다. .container { display:flex; flex-direction: column; } 중심축은 수직축 Justify content and Align items 위 items를 다시 수평으로 바꾸려면, flex-direction을 row로 바꾸면 된다. 축의 중요성 : justify-content, align-it..