Grid container

要素に grid または inline-grid を使用すると、CSS グリッドレイアウトのグリッドコンテナーになります。そして直下の子要素はグリッドアイテムになります。

要素がグリッドコンテナーになると、グリッド整形文脈を形成します。グリッドコンテナー直下の子要素は、grid-template-columns や grid-template-rowsを使って明示的に定義されたグリッドや、明示的に定義されたグリッドの外側に置かれた時には暗黙的に形成されるグリッドに沿って、配置されます。