.box5{
  background: hsl(120, 60%, 60%);
  grid-column: span 2;
  grid-row: span 2;　　　（各ＢＯＸ2.3.5にspanを指定しています）
}

上記のようにした場合、spanを設定していない.box4が繰り上がってＢＯＸ1とＢＯＸ3の間に来ないのは仕様でしょうか？