Align-items Solution

This lesson is a solution to the align-items vertical flex containers exercise in the previous lesson.

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:

Get hands-on with 1200+ tech skills courses.