CSS Grid 布局：使用 grid-template-columns 属性划分网格列

这段代码用于定义一个网格布局，其中 grid-template-columns 属性定义了网格的列数和宽度比例。

• display: grid; 表示将该元素的布局设置为网格布局。
• grid-template-columns: 2fr 3fr 5fr 3fr 2fr; 表示网格有 5 列，每一列的宽度比例分别为 2:3:5:3:2。其中 'fr' 是一种单位，表示网格列的可用空间的分数。例如，'2fr' 表示占据可用空间的 1/2，'3fr' 表示占据可用空间的 3/8，'5fr' 表示占据可用空间的 5/16，以此类推。

这样设置的网格布局将会按照定义的比例分配可用空间，从而实现灵活的布局效果。