.catalog-grid{
    padding: 70px 10px;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 20px 30px;
}

@media (min-width:768px) {
    .catalog-grid{
        grid-template-columns: repeat(3,1fr);
    }
}
@media (min-width:960px) {
    .catalog-grid{
        grid-template-columns: repeat(4,1fr);
        padding: 70px;
    }
}