* {
  box-sizing: border-box;
}
.wrapvid {
  max-width: 790px;
  margin: 0 auto;
}

.wrapvid > div {
 
align-content: start;
}

.wrapvid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(20px, auto);
}
.oner {
height: 20px;

 grid-column: 1 / 5;
  grid-row: 1;
}
.twor {
  grid-column: 1;
  grid-row: 2;
width: 150px;
}
.threer {
width: 150px;
  grid-column: 2;
  grid-row: 2;
}
.fourr {
width: 150px;
  grid-column: 3;
  grid-row: 2;
}
.fiver {
  width: 330px;
   grid-column: 4;
  grid-row: 2;
}
.oneb {
  grid-column: 1 / 5;
  grid-row: 3;
}
.twob {
  grid-column: 1;
  grid-row: 4;
}
.threeb {
  grid-column: 2;
  grid-row: 4;
}
.fourb {
  grid-column: 3;
  grid-row: 4;
}
.play {
  grid-column: 1 / 5;
  grid-row: 5;
}