CSS Grid 是一个强大的二维布局系统，可以同时处理行和列。

基础概念

Grid 布局由容器和项目组成。容器设置 display: grid，项目则是容器的直接子元素。

常用属性

grid-template-columns 和 grid-template-rows 定义网格的列和行。可以使用像素、百分比、fr 单位等。