place-itemsプロパティ

place-itemsはjustify-itemsとalign-itemsを組み合わせた省略形のプロパティ。

place-items: center;で、要素を親要素の中央に配置する

最初にdisplay: grid;を定義してから、place-items: center;を定義する。値をcenterとすることで、align-itemsとjustify-itemsの両方がcenterに設定される。

.parent {
  display: grid;
  place-items: center;
}