justify-content: start;

「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: start;
  background-color: #f7f7f7;
  border: dashed 1px gray;
}