display: flex: giúp cho các item hiển thị ngang flex-direction: column/row; ⇒ giúp định hướng các item theo chiều dọc hay ngang justify-content: flex-start/- flex-end/- center/- space-between ⇒ giúp căn chỉnh trên main axis align-items: cũng có 5 phần tử như justify-content bao gồm flex-start/flex-end/center/stretch/baseline ⇒ giúp căn chỉnh theo cross axis Main axis theo ngang hay dọc phụ thuộc vào flex-direction: column/row https://viblo.asia/p/giai-thich-hoat-dong-cua-flexbox-thong-qua-anh-gif-ByEZkp14lQ0