Grid template areas là gì?

Đặt tên cho vùng trong grid bằng strings: grid-template-areas: 'header header' 'sidebar main' 'footer footer'.

• Items dùng grid-area: header.
• Trực quan, dễ đọc.
• Dùng . cho ô trống.

Named regions in a grid defined using strings: grid-template-areas: 'header header' 'sidebar main' 'footer footer'.

• Items use grid-area: header to occupy those regions.
• Visual, readable, and intuitive.
• Use . for empty cells.