.grid-container {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  grid-template-rows: 1fr 1fr 1fr;

grid-gap: 15px;

  grid-template-areas: "\31  \32  \33 " "\34  Cell \35 " "\36  \37  \38 ";

}

.grid-container div{

  width:100%;

   height:300px;

  background-color:white;

}

​

.\31  { grid-area: \31 ; }

​

.\32  { grid-area: \32 ; }

​

.\33  { grid-area: \33 ; }

​

.\34  { grid-area: \34 ; }

​

.\35  { grid-area: \35 ; }

​

.\36  { grid-area: \36 ; }

​

.\37  { grid-area: \37 ; }

​

.\38  { grid-area: \38 ; }

​

.Cell { grid-area: Cell; }

​

.wrapper{

position: relative;

}

.element{

z-index: 10;

position: absolute;

transform: translate(100px, -327px);

}

​