@media (min-width: 1024px) {
    .parent {
        grid-template-columns: repeat(4, 1fr);
        margin: auto;
    }

    .child:nth-child(1) {
        grid-column: span 2;
    }

    .child:nth-child(3) {
        grid-row: 2 / 3;
    }

    .child:nth-child(5) {
        grid-row: 1 / 3;
        grid-column: 4 / 5;
    }

    .child:nth-child(4) {
        grid-column: span 2;
    }
}