Trong lập trình front-end, chúng ta sẽ thường xuyên phải làm việc với yêu cầu cần chia thành các hàng cột để hiện thị được nhiều dữ phần tử dữ liệu, ngoài flex box thì grid cũng là một lựa chọn.Kiến thức cơ bản Ví dụ chúng ta muốn hiển thị 3 hàng 3 cột cho các dữ liệu chúng ta có thể tạo mã nguồn như sau: .container { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; } .container div { padding: 40px; text-align: center; font-size: 20px; color: white; border-radius: 8px; } .container div:nth-child(1) { background: #e74c3c; } .container div:nth-child(2) { background: #9b59b6; } .container div:nth-child(3) { background: #3498db; } .container div:nth-child(4) { background: #1a