main {
    display: grid;
    /* sets up the layout of the grid */
    grid-template-areas:
        "img E E"
        "img F L"
        "img M M";
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 2fr 2fr;

    margin-left: 10%;
    margin-right: 10%;

    column-gap: 20px;
    row-gap: 20px;
    text-align: center;
    background-color: greenyellow;
}
img{
    grid-area: img;
}
#E{
    grid-area: E;
}
#F{
    grid-area: F;
}
#L{
    grid-area: L;
}
#M{
    grid-area: M;
}
main > * {
    border: 1px solid black;
     border-radius: 15px;
}