While the css properties shown above affect all of the children of a flex container, these next properties are able to individually affect a single flex item. In this section, the css controls are focused on the
first-child, second-child, and
third-child classes which are set to the first three flex items of the container class.
By default, flex items are placed in the same order as they are declared. With the css property order, the
order can be specifically set. Elements with a higher order value will be placed last.