CSS Flex #html #css

Hello guys
Today I'm learn About the CSS Flexbox now we see what is it? and why do we use it?
What is flexbox?
Flexible box Layout.
One dimensional layout model.
Flexbox controls layout alignment along a single axis at a time
Either horizontally as row or vertically as a column
Main to axis:
1 .main Axis- the based on the horizontal (left to ring) but change on the flex-direction.
2.cross Axis-the main axis is a horizontal row,the cross axis is vertical.
Common container
the applied strictly to parent container to mange its childer.
flex-direction - row,row-reverse,column,and column-reverse.
justify-content- flex-start,centre,space-between.
align-item-stretch,centre.
Essential item properties(childer)
the alter how individual item grow, shrink,or arrange themselves by targeting then directly.
flex-grow
flex-shirnk
flex-basis
``