1. Flexbox Layout là gì ?

1 cách hiệu quả để align và distribute space giữa các items trong 1 container, kể cả khi size của các items là unknown, dynamic.

2. Tại sao flexbox có thể hoạt động được ?

• Flexbox cho phép container điều chỉnh width, height của các items trong nó để fill available space và *adapt *được với nhiều device, kích cỡ màn hình. (Flex container mở rộng các item để fill available free space hoặc co các item lại để không bị overflow)
• Flexbox là direction-agnostic, đối lập với layout mặc định là regular layout (block -> vertically-based, inline -> horizontally-based).

3. Khi nào nên sử dụng flexbox ?

• Phù hợp với layout cỡ nhỏ - component của 1 ứng dụng. Với layout lớn hơn thì nên sử dụng Grid
• Flexbox thiếu flexibility khi cần sử dụng các chức năng như : orientation changing, resizing, stretching, shrinking, ...

4. Cách tiếp cận nào phù hợp để viết CSS nói chung ?

• Đọc qua để hiểu nội dung của các khái niệm cơ bản, bắt tay vào code và dùng cheat sheet, dần sẽ quen