Note: To place flex-items inside a row, use the justify-content property.

Note: For the justify-content property to work, flex-items must have a specified widths. And the sum of all of them should fit inside the container.

Note: If the specified widths for flex-items are set using the flex property, justify-content will not work.

Note: The style-rule nth-of-type(even) is used to reverse the rows.