.gridRow {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.gridColumn4 {
    width: calc(100% / 12 * 4 - 10px);
}

.gridColumn6 {
    width: calc(100% / 12 * 6 - 10px);
}

.gridColumn8 {
    width: calc(100% / 12 * 8 - 10px);
}

.gridColumn4Sm, .gridColumn6Sm {
    width: 100%;
}

@media (min-width: 450px) {
    .gridColumn4Sm {
        width: calc(100% / 12 * 4 - 10px);
    }

    .gridColumn6Sm {
        width: calc(100% / 12 * 6 - 10px);
    }
}

@media (min-width: 1024px) {
    .gridColumn6Lg {
        width: calc(100% / 12 * 6 - 10px);
    }
}