Flexbox requires a parent container and children elements. The slategray elements below are the parent elements (containers). The coral elements below are children (elements within the parent).
The parent container must be given the rule display:flex in order to enable flexbox. You can then specify the flex-direction, row or column. If you leave out the flex-direction, the default is row.
Remember this - If flex-direction is column:
Notice the change in purpose for the justify content and align items properties. Their purpose changes based on whether flex direction is row or column.
Again, if the flex-direction is set to column, the function of justify-content and align-items switch roles. In this case, justify-content works vertically and align-items works horizontally.
In order to get credit, create three parent divs (50% x 500px) and three children divs (100px x 100px) within each parent. Change the parent div to display:flex. Also, change the property values to any of the suggested property values. Please label your work and let me know which property values you applied.