Align items/content

Align item is used to distribute space or its along the cross axis.

To note justify-content is along the main axis and align items is along the across axis. Flex start will align along beginning of the cross axis.

When it comes to the align content it controls or distributes space along the cross axis. Only when we have multiple rows or column, the cross axis is vertical.

I must bear in mind that align content won't work if flex wrap: wrap isnt on for one column.

Align self is similar to items we add yo single elements. Its not required to be one but two seperate items in a flex container. Also possible to change alignment along cross axis.