.g1{
    grid-area: g1;
}
.a2{
    grid-area: g2;
}

h1{
grid-area: h1;
}
p{
    grid-area: p;
}
div{
    clear: both;
}
    .wrapper{
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: minmax(50px,auto);
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        grid-template-areas:
        "h1"
        "g1"
        "p"
        "g2";
    }