items are at top of container align-items: flex-start;
A flex item 1

align-items is how the items appear vertically in the container.

Item 2
Item 3 Once again fixed width 200px

items are aligned at bottom of container align-items: flex-end;
A flex item 1

align-items is how the items appear vertically in the container.

Item 2
Item 3 Once again fixed width 200px

extra space is distriubuted evenly at top and bottom; align-items: center;
A flex item 1

align-items is how the items appear vertical in the container row.

Item 2
Item 3 Once again fixed width 200px

evenly spaced across all margins align-items: baseline; Each item has width of 200px;
A flex item 1

align-items is how the items appear vertically in the container.

Item 2
Item 3 Once again fixed width 200px

evenly spaced across all margins align-items: stretch; Each item has width of 200px;
A flex item 1

align-items is how the items appear vertically in the container.

Item 2
Item 3 Once again fixed width 200px