.ui-cards{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: auto;
    grid-gap: 1.5rem;
}

@media all and (max-width:1360px){
    .ui-cards {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media all and (max-width:900px){
    .ui-cards {
        grid-template-columns: 1fr 1fr;
    }
}

@media all and (max-width:620px){
    .ui-cards {
        grid-template-columns: 1fr;
    }
}