If you would like to talk about your project call (02) 4474 5861

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

Instinctively creative & thoughtful strategies with result orientated outcomes

Visually communicating effectively with your potential & current customers adds to the good business experience.

BJ2DESIGN combines a wealth of design knowledge with creative business strategies to create result oriented work.

Read More About BJ2DESIGN

creative hand and tools