/* mobile first grid layout three equal columns
mobile layout stacked vertical */
.grid-container {
 display: block;
}
/* desktop layout side by side */
@media only screen and (min-width:40rem) {
    .grid-container {
        display: grid;
        column-gap: 1rem;
        
        grid-template-columns: 1fr 1fr 1fr;
    }
    
}