justify-content: space-around;

「Gridアイテム全体」の「インライン軸(列方向)」に対する配置はjustify-contentプロパティで指定する。

• start: 左寄りに配置
• end: 右寄りに配置
• center: 中央寄りに配置
• space-between: 均等に配置
• space-around: 均等に配置…コンテナとアイテム間の幅は、隣接するアイテム間の半分になる。
• space-evenly: 均等に配置

<div class="container">
  <div class="square">
    <div class="square-content">
    </div>
  </div>
  <!-- 省略 -->
  <div class="square">
    <div class="square-content">
    </div>
  </div>
</div>

.container{
  display: grid;
  width: 80%;
  margin: 0 auto;
  grid-template-columns: repeat(10,5%);
  justify-content: space-around;
  background-color: #e1f5f1;
  border: dashed 1px gray;
}