flex.html

<!-- ''''''''''''''flex box'''''''''''''''' -->
<!-- flex box use to display inline -->
<!-- """""""""""terminologies""""""""""""" 
    justify-content:----- ye row side me changes krega boxes me
     space-between start end center space-around



    """""""""""""""align item''''''''''''''''''"
    yes coumn boxes me chnages krega 
    center felx-start end 

    """""""""""""""''''''''aign content''''''''''''"
    all content changs

    """""""""""""""''''flex flow"''''''''
    flex direction aur flex wrap ko ek sath likhne k liye flex flow k use krte h
    eg. flex-flow: column rowwrap;
    
    """"""""""""""""""""align self""""""""""""""'"
    particular item me changes k liye hota h jaise agr beech k box ko upr krna h o
    align-self:start;


    """"""""""""""""""""""order"""""""""""""""""""""""""
    order postion ke liye use hota hai
    0 1 2 particular box ko de skte h

    """""""""""'''"flex basis"""""""""""""""""""""
    height

    """"""""""""""""""""""""'flex-grow"""""""""""""""""""""""""'
    iska use gap ko manage krne k liye kiya jata h 
    
    """""""""""""""""""""""""""'flex shrink and flex"""""""""""
width deta h number k according