xxxxxxxxxx
div
{
display:flex;
align-items:center;
justify-content:center;
}
xxxxxxxxxx
div{
display:flex;
/*The flexbox items are aligned at the center of the cross axis.
(vertical align) ⬇️⬆️*/
align-items:center;
/* The flexbox items are aligned at the center hirozontally ⬅️➡️*/
justify-content:center;
}