.videos-feed li {
    grid-column: 1/-1;
}


/* TABLET */
@media only screen and (min-width: 768px) {
    .videos-page {
        min-height: 100vh;
    }

    .videos-feed li {
        grid-column: span 3;
    }

    .videos-feed li:nth-child(5n + 1) {
        grid-column: 1/-1;
    }
}


/* DESKTOP */
@media only screen and (min-width: 1024px) {
    .videos-page {
        width: 100%;
        padding-bottom: 6rem;
    }

    .videos-feed li,
    .videos-feed li:nth-child(5n + 1) {
        grid-column: 1/-1;
    }

    .videos-feed li:nth-child(1){
        grid-column: 1/-1;
    }

    .videos-feed li:nth-child(5n+3),
    .videos-feed li:nth-child(5n+2){
        grid-column: span 3;
    }

    .videos-feed li:nth-child(5n+4),
    .videos-feed li:nth-child(5n+5),
    .videos-feed li:nth-child(5n+6){
        grid-column: span 2;
    }
}