.box {
  width: 100%;
  border: 1px solid black;
}

.containter {
  display: grid;
  grid-template-columns: repeat(6, 100px);
  grid-template-rows: repeat(8, 100px);

  width: 800px;
  height: 800px;
}

.box_1 {
  grid-column: 1/1;
  grid-row: 1/2;
}

.box_2 {
  grid-column: 2/3;
  grid-row: 1/2;
}

.box_3 {
  grid-column: 3/4;
  grid-row: 1/2;
}

.box_4 {
  grid-column: 1/2;
  grid-row: 2/3;
}

.box_5 {
  grid-column: 2/3;
  grid-row: 2/3;
}

.box_6 {
  grid-column: 3/4;
  grid-row: 2/3;
}

.box_7 {
  grid-column: 4/6;
  grid-row: 1/3;
}

.box_8 {
  grid-column: 1/4;
  grid-row:3/3;
}
.box_9 {
  grid-column: 1/4;
  grid-row:6/6;
}
.box_10{
  grid-column:4/5;
  grid-row: 3/3; 
}

.box_11{
  grid-column:4/5;
  grid-row: 4/8; 
}

.box_12{
  grid-column:4/5;
  grid-row: 5/8; 
}
.box_13{
  grid-column:4/5;
  grid-row: 6/8; 
}
.box_14{
  grid-column:4/6;
  grid-row: 7/8; 
}
.box_15{
  grid-column:5/7;
  grid-row: 3/8; 
}
.box_16{
  grid-column:5/6;
  grid-row: 5/8; 
}
.box_17{
  grid-column:5/6;
  grid-row: 6/8; 
}
.box_18{
  grid-column:6/6;
  grid-row: 1/8; 
}
.box_19{
  grid-column:6/6;
  grid-row: 2/8; 
}
.box_20{
  grid-column:6/6;
  grid-row: 5/8; 
}
.box_21{
  grid-column:6/6;
  grid-row: 6/8; 
}
.box_22{
  grid-column:6/6;
  grid-row: 7/8; 
}
.box_23{
  grid-column:6/6;
  grid-row: 8 /8; 
}