Skill: Line up items in a neat row (Basic Flex)

The parent div below uses flex to arrange its children horizontally.

Explanation:

• The outer div with class flex is the parent container.
• Its direct children (the three inner div s with blue backgrounds) are now flex items.
• By default, flex items are arranged in a row (horizontally).