.item-list {
    display: grid;
    gap: $itemGap;

    &--1 {
        grid-template-columns: 1fr;
    }

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

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

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

.item {
    &__inner {
        display: block;
        text-decoration: none;
    }
}

.item-content {
    @include entry();
}

/* laptop < 1370 */
@media screen and (max-width: $xl) {
}

@media screen and (max-width: $lg) {
}

@media screen and (max-width: $md) {
}

/* mobile < 768 */
@media screen and (max-width: $sm) {
}

@media screen and (max-width: $xs) {
}

@media screen and (max-width: $xxs) {
}
