.grid {
    display: grid;
}
.grid-cols-4 {
    grid-template-columns: repeat(2, 1fr);
}
.gap-1 {
    gap: 1rem;
}
main {
    min-height: calc(100vh - 106px);
}
footer {
    height: 50px;
}

@media (min-width: 1200px) { 
    .grid-cols-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}