メモ：gridでのセンター寄せ

gridレイアウトでもいろいろできそうだが、今回は中央寄せだけを調べる

中央寄せしたい要素の親要素に下記を指定

ParlentElement{
  display:          grid;    /* gridレイアウトの指定 */
  justify-content:  center;  /* 子要素の横方向の配置 */
  align-items:      center;  /* 子要素の縦方向の配置 */
}

place-items: center; なら、１行で上下左右の配置を指定できる