@media (min-width: 992px) {
  .parent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 20px;
    }
    
    .div1 { grid-area: 1 / 1 / 5 / 2; }
    .div2 { grid-area: 5 / 1 / 6 / 2; }
    .div3 { grid-area: 1 / 2 / 5 / 3; }
    .div4 { grid-area: 5 / 2 / 6 / 3; }
    .div5 { grid-area: 1 / 3 / 5 / 4; }
    .div6 { grid-area: 5 / 3 / 6 / 4; }
}