centrally place element horizontal and vertical in div with flex code example
Example: css flex center horizontally and vertically
display: flex;
align-items: center;
justify-content: center;
display: flex;
align-items: center;
justify-content: center;