@media screen and (max-width: 600px) {
.grid-container {
        margin-top: 24px;
        display: grid;
        grid-template-rows: auto auto auto auto;
        gap: 30px;
}
}
@media screen and (min-width: 900px) {
.grid-container {
        margin-top: 24px;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 30px;
}
}