grid-template-columns: repeat(3, 1fr);
grid-auto-rows: minmax(100px, auto);
grid-auto-flow: row;
grid-gap: 10px;
grid:行 / 列 | 网格域 | 隐式网格轨道 | 排列方式 | 网格间距
{
grid-template-rows:
grid-template-columns:
grid-template-areas
grid-auto-rows
grid-auto-columns
grid-auto-flow
grid-row-gap
grid-column-gap
}
repeat(auto-fit, 100px);
display: grid;
grid-gap: 5px;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-template-rows: repeat(2, 100px);
object-fit: cover;
