Update flex-box.md

#flex-box

 In the flex is a single dimensional layout which can be used to layout designd perfect.

 In the block of an element can be assigned in the row manner is called flex

 #flex have an many properties

  ****flex****

 #display:flex

 It can split in the row wise manner.

 ******wrap******

 #flex-wrap:wrap

 In the property can used to wrap an element in the column wise 

 #flex-wrap:no-wrap

 In their property can used no wrapping is occuried

 #flex-wrap:wrap-reverse

 In the property the element should reseverd order of an elements will be assigned

        ****justify-content****

 #justify-content:space-between

 In the property will be used to space between of an each element

 #justify-content:space-around

 It will makes a space will around of an elements

 #justify-content:flex-start

 In the element will be in the starting postion will be located

 #justify-content:flex-end

 In the element will be placed an end.

 #justify-content:center

 In the element will be placed an center.

 #justify-content:evently

 In the element will be space have evently appiled

 **** flex-directions****

 #flex-direction-row

 IT will be directed in the row wise manner.

 #flex-direction-column

 It will be directed in column wise manner.

 #flex-direction-row-reverse

It will be directed as a row will be reversed

 #flex-direction-column-reverse

It will be directed as a column will be reversed.

****Align-content****

#align-content:flex-start

It will be directed as an top of an order 

#Align-content:flex-end

It will be directed as a bottom of an order

#align-content-center

It will be assigned as a center

#align-content-baseline

It will be assigned as a baseline 

#align-content-strech

It will be stretched.

****align-items****

#align-items:flex-start

It will be directed as an top of an order 

#Align-items:flex-end

It will be directed as a bottom of an order

#align-items-center

It will be assigned as a center

#align-items-baseline

It will be assigned as a baseline 

#align-items-strech

It will be stretched.

Item-Order

In the ecah of an element use the order property to switch the element.

****Align-self****

#align-self:flex-start

It will be directed as an top of an order 

#Align-self:flex-end

It will be directed as a bottom of an order

#align-self-center

It will be assigned as a center

#align-self-baseline

It will be assigned as a baseline 

#align-self-strech

It will be stretched.

#flex-basics

If u can give an overall width of an container

#flex-grow

It can increase the width how much u can give it..

#flex-shrinke

It can helps as to decrease the width in the responsive screens.