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

.wraplay > div {

}

.wraplay {
  display: grid;
 grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(0, auto);
}
.onep {
 height: 20px;
  width: 140px;
  grid-column: 1 / 2;
  grid-row: 1;
}
.twop {
height: 20px;
width: 630px;
 grid-column: 2 / 2;
  grid-row: 1;
color: CA0000;
}

.treep {

 display: flex;
  justify-content: center;

  width: 790px;
  grid-column: 1 / 3;
  grid-row: 2;
}
.fourp {
width: 790px;
height: 100px, auto;
  grid-column: 1 / 3;
  grid-row: 3;
}