Centering with flexbox

Css flex center horizontally and vertically

display: flex;
align-items: center;
justify-content: center;

	display: flex;
    width: 60%;
    justify-content: center;
    margin: 0 auto;

section {
  width: 200px;
  border: 1px solid #2d2d2d;
  display: flex;
  justify-content: center;
}

.parent{
	display: flex;
    justify-content: center;  /* Center Horizontally */
    align-items: center;      /* Center Vertically */
    
}

Similar codes

0 vote372 views1 answer
Checkbox change background color bootstrap
CSS Bootstrap
0 vote336 views1 answer
Transform element
CSS
19 votes342 views3 answers
Css border radius top
CSS
0 vote285 views1 answer
Css fixed bottom
CSS
0 vote270 views1 answer
Formatage date css
CSS
0 vote301 views1 answer
Mat dialog background color
CSS
0 vote339 views2 answers
Bulma uppercase
CSS Bulma
0 vote328 views1 answer
Set number word to new line html
CSS
5 votes278 views1 answer
Safari only CSS hack
CSS
8 votes279 views4 answers
Css left
CSS