how to make an element in the middle of the page using flexbox code example

Example: centering with flexbox

/* HORIZONTAL */
justify-content: center;

/* VERTICAL */
align-items: center;