Understanding CSS3 Flexbox for layouts

View which browsers are supporting flexbox.

Explain on how to use, which are being used in the category sections of this website:

display: -ms-flexbox;
-ms-flex-wrap: wrap;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
display: flex;
flex-wrap: wrap;

Here is a nice example by David Walsh creating a 2 column layout with flexbox

Good Example of CSS Flexbox

Micah gives a good overview with an online demonstration for using CSS flexbox

Flexbox Browser Support

Make mention of how supported by all mordern browsers but with Internet Explorer only IE11 does it out of the box and IE10 can with a bit of extra CSS code while all before this in IE dont support it which you will need to look at a polyfill such as Flexie – Cross-browser support for the Flexible Box Model

Vendor Prefixes

Prefixing Flexbox with some handy Sass @mixin’s, thanks to Chris Coyier.

Resources

Using Flexbox today

Playing With Flexbox and Quantity Queries