Tất cả mọi thứ chúng ta tìm thấy trên internet được chứa đựng trong các website. Những trang web này đều cần một bố cục để trình bày nội dung cho phù hợp với độ hiển thị tương thích tối đa trên bất kỳ loại thiết bị hay kích thước màn hình khác nhau (responsive web design).

CSS luôn được sử dụng để thiết kế bố cục và giao diện của các trang web, nhưng việc tạo ra các bố cục gồm nhiều cột phức tạp là điều khó khăn để làm việc ổn định và chính xác trên các trình duyệt. Để giải quyết vấn đề này, các công cụ như Flexbox và CSS Grid trở nên phổ biến và được sử dụng rộng rãi.

Nếu bạn chỉ cần dựng layout đơn giản, chỉ cần một cột hoặc một hàng thì Flexbox sẽ phù hợp hơn. Ngược lại, nếu bạn muốn một layout có độ phức tạp cao, cần điều chỉnh nội dung theo 2 chiều cả hàng lần cột - CSS Grid sẽ là lựa chọn tốt nhất cho bạn.

‍