For Containers:
justify-content: how the flex items will be aligned along main axis
options: flex-start | flex-end | center | space-between | space-around | space-evenly
align-items: how the flex items will be aligned along cross axis
options: flex-start | flex-end | center | baseline | stretch
align-content: which only applies when there is more one row of flex items,
in that case, align-content controls how the rows aligned along cross axis
if there are some empty space.
options: flex-start | flex-end | center | space-between | space-around | stretch