.flex-container {
display: flex;
align-content: flex-start;
/* flex-start: Lines are packed at the top of the container.
flex-end: Lines are packed at the bottom of the container.
center: Lines are packed at the vertical center of the container.
space-between: Lines display with equal spacing between them.
space-around: Lines display with equal spacing around them.
stretch: Lines are stretched to fit the container. */
flex-direction: column;
/* column-reverse, row, row-revers, column */
flex-wrap: nowrap;
/* wrap, wrap-reverse, nowrap */
flex-flow: column wrap;
/* shorthand for flex-direction AND flex-wrap */
/* <flex-direction> <flex-wrap> */
justify-content: space-between;
/* flex-start, flex-end, center, space-around, space-between; */
align-items: center;
/* flex-start, flex-end, center, baseline, stretch */
}