[CSS] flexbox

FlexBox란?

• Flexible Box module
• 아이템 간 공간 배분과 강력한 정렬 기능을 제공하기 위한 1차원 레이아웃 모델
• 레이아웃을 다룰 때 한 번에 하나의 행,열만 다룸
  • 참고: CSS 그리드 레이아웃(2차원 모델)

Flexbox 연습 사이트

• https://flexboxfroggy.com/#ko
• 속성의 설명도 잘 되어 있음

Flexbox 주요 속성

• justify-content

• align-items

• flex-direction

• order

• align-self

• flex-wrap

• flex-flow

• align-content

• flex-basis

참고

• MDN - flexbox
• 생활코딩 - flex