@media only screen and (max-width:1050px) {
    .grid {
        display: grid;
        grid-template-columns: auto auto auto auto ;
    }
}
@media only screen and (max-width:600px) {
    .grid {
        display: grid;
        grid-template-columns: auto auto auto;
    }
}
@media only screen and (max-width:485px) {
    .grid {
        display: grid;
        grid-template-columns: auto auto ;
    }
}