/*
Author:  Leonard Garcia
All Rights Reserved
Created on Jan 18, 2022, 12:39:47 AM
*/

.parent {
    display: grid;
    grid-template-columns: 100fr repeat(4, 1fr);
    grid-template-rows: 4fr 7fr 1fr;
    grid-column-gap: 5px;
    grid-row-gap: 20px;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 2 / 1 / 3 / 2; }
/* .div3 { grid-area: 3 / 1 / 4 / 2; */