.grid {
    flex-wrap: wrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: flex;
    box-sizing: border-box;
}

.grid_item {
    display: flex;
    flex-direction: column;
    padding-left: 0px;
    padding-right: 0px;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 12px;
    padding-top: 12px;

    &-column {
        &-1 {
            flex-basis: 100%;
        }

        &-2 {
            flex-basis: 50%;
        }

        &-3 {
            flex-basis: 33.33%;
        }

        &-4 {
            flex-basis: 25%;
        }

        &-5 {
            flex-basis: 20%;
        }

        &-6 {
            flex-basis: 16.66%;
        }
        &-7 {
            flex-basis: 14.28%;
        }
        &-8 {
            flex-basis: 12.5%;
        }
    }

    .image {
        display: block;
        height: 42px;
        width: 100%;
    }

    .title {
        color: #000000e6;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break: break-all;
    }
}