.grid {
    display: grid;
}

/* 行数 */
.grid_row_2 {
    grid-template-rows: repeat(2, 1fr);
}

.grid_row_3 {
    grid-template-rows: repeat(3, 1fr);
}

/* 列数 */
.grid_col_2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid_col_3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid_col_4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid_col_5 {
    grid-template-columns: repeat(5, 1fr);
}

.grid_col_6 {
    grid-template-columns: repeat(6, 1fr);
}

/* 间隔 */
.grid_gap_12 {
    gap: 12px;
}

.grid_gap_16 {
    gap: 16px;
}

.grid_gap_20 {
    gap: 20px;
}

.grid_row_gap_10 {
    row-gap: 10px;
}

.grid_row_gap_12 {
    row-gap: 12px;
}

.grid_row_gap_16 {
    row-gap: 16px;
}

.grid_row_gap_20 {
    row-gap: 20px;
}

.grid_col_gap_12 {
    column-gap: 12px;
}

.grid_col_gap_16 {
    column-gap: 16px;
}