AssignmentFB004

FlexBox Children - align-self and order

You can also change properties on FlexBox children elements

You can use the align-self on children elements to overide parent element justify-content and align-items properties

You can use the order property to change the order of the children elements.Remember default order is 0 on all elements

Rows

flex-direction:row

justify-content:space-between

align-items:flex-start

Item1- order 2
Item2- order 3
Item3- order 1

Columns

flex-direction:column

justify-content:space-evenly

align-items:flex-start

ItemA- order 3
ItemB-order 1
ItemC- order 2