#a{grid-area: a;}
#b{grid-area: b;}
#c{grid-area: c;}
#d{grid-area: d;}
#e{grid-area: e;}

#grid{
    display: grid;
    grid-template-areas: "a a a a"
                         "b c d e";
    grid-row-gap: 1rem;
}

@media (max-width: 512px) {
    #grid{
        grid-template-areas: "a a a "
                            "b c d "
                            "e e e";}
}