display: grid
place-items: center
Pro první „jednořádkové“ rozvržení si vyřešíme největší záhadu v celém světě CSS: centrování věcí.
Chci, abyste věděli, že je to jednodušší, než si myslíte place-items: center.
Nejprve specifikujte grid jako display metodu
Potom zapisujte place-items: center do stejného prvku.
place-items je zkratka pro nastavení align-items a justify-items.
Nastavením na center se oba align-items a justify-items nastaví na center.
.parent {
display: grid;
place-items: center;
}