Flexbox는 모던 웹을 구현하기 위해 기존 layout보다 더 세련된 방식의 니즈에 나온 CSS3의 새로운 layout 방식, 정렬에 강점이 있음 사용방법 스타일에 display: flex 추가 부모요소가 inline 요소인 경우 flex 대신 inline-flex 추가 장점 한줄의 코드로 수평정렬이 가능 flexbox 구성 main axis(주축)에 맞춰 flex-item들이 정렬되고, cross axis를 수직 축이라고 한다. flex container 속성 flex-direction : 주축의 방향을 설정 row : 좌에서 우로 수평 배치 row-reverse : 우에서 좌로 수평 배치(row 반대) column : 위에서 아래로 수직 배치 column-reverse : 아래에서 위로 수직 배치..
