.grid {
    --t: repeat(auto-fit, 1fr);
    display: grid;
    grid-template-columns: var(--t);
}

.grid-gap-1 {
    grid-gap: 1rem;
}

.grid-center-vertical {
    justify-content: center;
}

.grid-center-horizontal {
    justify-content: center;
}

.grid-center {
    justify-content: center;
    align-items: center;
}