CSS Flex Property And its Example

CSS Flex?

At this point there’s not much advantage to using Flexbox. We have the same look we had before initiating the Flexbox model. The Flexible Box Module, usually referred to as flexbox, was designed as a one-dimensional layout model, and as a method that could offer space distribution between items in an interface and powerful alignment capabilities

Apart from getting a responsive gallery for free, the other advantages of using Flexbox come from the alignment options.

Example 1:

Try This

Result :

Example 2:

Try This

Result :

  
Flexible Boxes
resize the browser to see effect.

1
2
3
  
4
5
6
  
7
8