Skip to content

Latest commit

 

History

History
12 lines (7 loc) · 829 Bytes

File metadata and controls

12 lines (7 loc) · 829 Bytes

Align Items

With flexbox, the align-items property can be used to control how the items are positioned inside of the container. In this exercise, you'll apply a different align-items property to each list. Follow the steps below to complete this exercise.

  1. Look at the First list of countries. Then look at the solution displayed to the side. Find the differences between the two lists.
  2. Use align-items and flex-direction to make the list of countries on the left look like the ones on the right.

Hint: You can review how align-items works in this guide.

Screenshot of the align-items with flexbox row

Screenshot of the align-items with flexbox row