Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • Overview of Flex box CSS3 with demo

    • 0
    • 1
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 366
    Comment on it

    It is so called the new layout which is given by CSS3.

    It is an improved version of our native block model in which we uses float properties.

    It mainly consists of two main thing.

    1. Flex container

    2. Fex items

    1. Flex container - It is declared, when we are setting up the display property. 
    2. Flex items - Flex container consist of multiple flex items.

    There are certain properties associated with flex box:
    1. Align content - It is used to align the items.
    2. Flex-wrap - It specifies that the item is wraped or not.
    3. Direction - It specify that the item inside container are align to which direction.
    4. Justify content - It align the item horizontally when the space between the item are not enough.
    etc

    These properties are basically used to beautify the overall layout.

    We have to use -webkit, -moz, etc for different browser, so that the browser have flex support.

    You can also see the demo attached.

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: