The Justify Content property determines how children elements are spread across the the remaining space of the axis they lie on.
Child elements are grouped together and positioned at the beginning of the line.
Child elements are grouped together and positioned at the end of the line.
Child elements are grouped together and centered in the middle of the line.
The first child element is positioned at the beginning, the last child element is positioned at the end and all remaining child elements are spread out evenly in between.
Child elements are spread out across the line with equal amounts of space surrounding them.
Items are distributed so that the spacing between any two adjacent alignment subjects, before the first alignment subject, and after the last alignment subject is the same.