#wrapper{
    display:flex;
    justify-content: center;
    align-items: center;
    height: 40vh

}


.mygrid{
    display: grid;
    width:80%;
    grid-template-rows: 15px 30px 300px;
    grid-template-columns: 1fr 2fr;
    background-color:black;
}

nav{
    grid-row:2/3;
    grid-column: 1/3;
    background-color: white;
    display:flex;
    justify-content: space-between;
}

.left
{
    grid-row: 3/4; 
    grid-column: 1/2;
    background-color:orange;
}

.right
{
    grid-row:3/4;
    grid-column: 2/3;
    background-color: grey;
}