CSS Grid là mô hình bố cục hai chiều (2D) trong CSS, cho phép sắp xếp phần tử theo hàng (row) và cột (column) đồng thời.

Grid phù hợp để xây dựng layout tổng thể của trang web với cấu trúc phức tạp.

---

Thành phần trong Grid

Grid Container

Là phần tử cha được khai báo display: grid hoặc display: inline-grid.

Grid Items

Là các phần tử con trực tiếp của Grid Container.

---

Cấu trúc Grid

Grid Track

Là hàng (row) hoặc cột (column) trong lưới.

Grid Line

Là đường ranh giới giữa các hàng và cột, được đánh số bắt đầu từ 1.

Grid Cell

Là ô nhỏ nhất trong Grid (giao giữa 1 hàng và 1 cột).

Grid Area

Là một vùng gồm nhiều ô được gộp lại.