.vehicle-list {
    display: flex;
    flex-wrap: wrap;
}
.vehicle-list .vehicle-list-item {
        width: 100%;
        margin: 0.4375rem 0;
    }
@media screen and (min-width: 48rem) {
    .vehicle-list {
        display: flex;
        flex-wrap: wrap;
    }
        .vehicle-list .vehicle-list-item {
            width: calc(100% / 2 - 0.875rem);
            margin: 0.4375rem;
        }
}
@media screen and (min-width: 80rem) {
    .vehicle-list {
        display: flex;
        flex-wrap: wrap;
    }
        .vehicle-list .vehicle-list-item {
            width: calc(100% / 3 - 0.875rem);
            margin: 0.4375rem;
        }
}