.cardFlex{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 30px;
}
.cardFlex1{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
}
@media screen and (max-width:899px){
    .cardFlex{
        justify-content:center;
    }
    .cardFlex div{
        text-align:center;
    }
}