.responsive-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    grid-gap: 0.5rem;
}

.responsive-grid-two {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.5rem;
}

@media screen and (max-width:600px) {
    .responsive-grid {
        grid-gap: 1rem;
        grid-template-columns: auto auto;
    }
    .responsive-grid-two {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width:400px) {
    .responsive-grid {
        justify-items: center;
        grid-template-columns: auto;
    }
}