Align-items Solution

Exercise 2: align-items vertical flex containers

The following changes are needed for the solution:

• Change the width and the height of flex-item elements. Instead of a mandatory width, we will now have a mandatory height for each element.
• Remove the min-height and the max-height, and create the respective min-width and max-width rules. Renaming the classes also makes. sense by replacing height with width everywhere
• Optionally, change the inner text of each flex item.
• Change flex-direction to column for each Flex container.

The solution looks as follows: