.container-recommendation {
    width: 100%;
}

.container-recommendation ul {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.container-recommendation ul li {
    width: calc(100% / 4 - 15px);
}

@media screen and (max-width:960px) {
    .container-recommendation ul li {
        width: calc(100% / 3 - 14px);
    }
}

@media screen and (max-width:720px) {
    .container-recommendation ul li {
        width: calc(100% / 2 - 10px);
    }
}