align-content: space-around;

「Gridアイテム全体」の「ブロック軸(行方向)」に対する配置はalign-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%);
  align-content: space-between;
  background-color: #f7f7f7;
  border: dashed 1px gray;
}