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 override parent element justify-content and align-items properties

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

Rows

flex-direction:row

justify-content:center

align-items:flex-end

Columns

flex-direction:column

justify-content:center

align-items:flex-end

#parent002

align-self:center (Will be horizontal)

(Try center, flex-start, or flex-end on item B)