#feed {
    display: grid;
    width: 100%;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-rows: 250px; 
}
  
#feed div {
    display: inline-block;
    grid-column: span 2 / auto;
}

@media screen and (max-width: 1500px) {
    .card-wide {
        grid-column: span 1 / auto !important;
        grid-row: span 2 / auto; 
    }
}

@media screen and (min-width: 800px) {
    .card-big {
        grid-row: span 2 / auto;
        grid-column: span 2 / auto !important; 
    }
    .card-tall {
        grid-row: span 2 / auto; 
    }
    .card-wide {
        grid-column: span 2 / auto; 
    }

    #feed div {
        grid-column: auto;
    }
}

@media screen and (max-width: 950px) {
    .card-wide {
        grid-column: span 2 / auto !important;
    }
}