.grid {
    display: grid;
}

.grid-row-auto-expand {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
}

.grid-col-auto-expand {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
}

.grid-h-left {
    justify-items: start;
}

.grid-h-center {
    justify-items: center;
}

.grid-h-right {
    justify-items: end;
}

.grid-h-fit {
    justify-items: stretch;
}

.grid-v-top {
    align-items: start;
}

.grid-v-center {
    align-items: center;
}

.grid-v-bottom {
    align-items: end;
}

.grid-v-fit {
    align-items: stretch;
}

.grid-cell-h-left {
    justify-self: start;
}

.grid-cell-h-center {
    justify-self: center;
}

.grid-cell-h-right {
    justify-self: end;
}

.grid-cell-h-fit {
    justify-self: stretch;
}

.grid-cell-v-left {
    align-self: start;
}

.grid-cell-v-center {
    align-self: center;
}

.grid-cell-v-right {
    align-self: end;
}

.grid-cell-v-fit {
    align-self: stretch;
}