@use "../abstract" as abstract;

.columns-2,
.columns-3,
.columns-4,
.columns-5,
.columns-6 {
    @include abstract.for-desktop {
        display: grid;

        > div {
            margin: 5px 5px 15px;
        }
    }
}

.columns-2 {
    grid-template-columns: 1fr 1fr;
}

.columns-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.columns-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.columns-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.columns-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
