flex

CSS Flex Property And its Example

aimtocode

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:

Result :

RED
BLUE
Green div with more content.


Example 2:

Result :

  

Flexible Boxes

resize the browser to see effect.

1
2
3
4
5
6
7
8
aimtocode