グリッドの幅の指定をパーセンテージで指定する

フルスクリーンにしてもサイズをはみ出さないように、幅 10vw を 10% に修正した。

グリッドアイテムに「border: 1px solid #fff;」を追加して升目の境界線を出した。

class="grid_layout">
 <div></div>
 <div></div>
 <!-- 省略 -->
 <div></div>
 <div></div>
</div>

.grid_layout {
  display: grid;
  grid-auto-rows: 10vw;
  grid-template-columns: repeat(10, 10%);
}
.grid_layout>div {
  margin: 0;
  padding: 0;
  font-size: 10px;
  background:rgba(222,240,251,1);
  color: #333;
  border: 1px solid #fff;
  box-sizing: border-box;
}