Display: flex Flex-direction: row | row-reverse | column | column-reverse align-self: flex-start | flex-end | center | baseline | stretch justify-content: start | center | space-between | space-around | space-evenly
.container { align-content: flex-start | flex-end | center | space-between | space-around | space-evenly | stretch | start | end | baseline | first baseline | last baseline + ... safe | unsafe; }
.parent { display: flex; height: 300px; /* Or whatever */ } .child { width: 100px; /* Or whatever */ height: 100px; /* Or whatever */ margin: auto; /* Magic! */ }