align-items Property

vertical_distribute
Aligns flex items along the cross axis
vertical_align_top
stretch: Items stretch to fill container (default)
vertical_align_center
center: Items centered along cross axis
format_align_left
flex-start: Items aligned to start of cross axis
format_align_right
flex-end: Items aligned to end of cross axis
format_size
baseline: Items aligned by text baselines
code align-items Examples
.container {
  display: flex;
  align-items: center;
}

.baseline-container {
  display: flex;
  align-items: baseline;
}
vertical_align_top stretch
A
B
C
format_align_left flex-start
A
B
C
format_align_right flex-end
A
B
C
vertical_align_center center
A
B
C
format_size baseline
A
B
C