grid-template-columns và grid-template-rows hoạt động thế nào?

Định nghĩa số lượng và kích thước columns/rows.

Ví dụ: grid-template-columns: 200px 1fr 1fr = 1 cột 200px + 2 cột equal. Dùng repeat(3, 1fr) cho 3 cột bằng nhau. Kết hợp minmax(), auto-fit, auto-fill.

They define the number and size of columns/rows.

Example: grid-template-columns: 200px 1fr 1fr = one 200px column + two equal columns. Use repeat(3, 1fr) for three equal columns. Combine with minmax(), auto-fit, and auto-fill for responsive layouts.