.parent {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(9, 1fr);
background-color: black;
padding: 50px;
padding-top: 5vh;
padding-left: 5vh;
padding-right: 5vh;
}

.parent > div {
    border: 2px solid aqua;
    font-size: 12px;
}

.topleft { 
    grid-area: 2 / 3 / 5 / 6; 
    background-color: red;
}
.mid { 
    grid-area: 2 / 6 / 9 / 10; 
    background-color: orange;
}
.bottomleft { 
    grid-area: 5 / 3 / 9 / 6; 
    background-color: yellow;
    border-radius: 0 0 0 15px;
    padding: 2em;
}
.right { 
    grid-area: 2 / 10 / 9 / 12;
    background-color: green;
    border-radius: 0 0 15px 0;
}

.title { 
    grid-area: 1 / 3 / 2 / 12;
    background-image: url("blinkies/pinky9.gif");
    padding: 15px;
    border-radius: 15px 15px 0 0;
}

.help { 
    grid-area: 1 / 1 / 2 / 3; 
    background-image: url("pinky9.gif");
}