@media(max-width: 768px){
    #grid-content {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media(min-width: 769px) and (max-width: 1024px) {
    #grid-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(min-width: 1025px) and (max-width: 1200px) {
    #grid-content {
        grid-template-columns: repeat(3, 1fr);
    }
}