CSS flexbol

 CSS3 layout mode that provides an easy and clean way to arrange items with in a container

  • No floats
  • positioning child elements is MUCH easier
  • Responsive and mobile friendly
  • flex container's margin do not collapse with the margin of its contents
  • order of elements can easily be changed without editing the source HTML
Flexible box model concept
  • The ability to alter item width and height to best fit in its containers available free space
  • flexbox is direction agnostic
  • build for small scale layouts while the upcoming "Grid" specification is for more large scale

display: flex| inline-flex
flex-direction: row | column
flex-wrap: wrap | nowrap | wrapreverse

Comments