.grid__container {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    margin:0 !important;
}

.grid__container__item {
    width:30%;
    height:350px;
    margin:15px 0px;
}


@media only screen and(max-width: 900px) {
    .grid__container__item {
        width:40%;
        margin:0px auto;
    }
}



@media only screen and(max-width: 700px) {
    .grid__container {
        flex-wrap:nowrap;
        flex-direction: column;
    }

    .grid__container__item {
        width:60%;
        height:450px;
    }
}