.container {
    display: flex;
    flex-wrap: wrap;
}

.container__no-wrap {
    display: flex;
    flex-wrap: nowrap;
}


.inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.gap__1 {
    gap: 10px;
}

.col-10{width: 10%;}
.col-20{width: 20%;}
.col-30{width: 30%;}
.col-33{width: 33.3%;}
.col-40{width: 40%;}
.col-48{width: 48%;}
.col-50{width: 50%;}
.col-60{width: 60%;}
.col-70{width: 70%;}
.col-80{width: 80%;}
.col-90{width: 90%;}
.col-100{width: 100%;}

@media (max-width:768px) {
    [class*='col-'] {
        width: 100%;
    }
}