Align-items property

Home

Search

Logout

  • The align-items property allow us to place our elements on the cross axis.
  • The align-items property has the same properties than justify-content .
  • We can if we want place only one element on the main or cross axis depend of flex-direction by using align-self on the element.
  • In our example above our main axis is horizontal because of flex-direction:row so our cross axis will be vertical by using align-self on first and second elements we can change their positions on the cross axis.