Flexbox

Hoe

A Complete Guide to Flexbox op css-tricks.com

Flexbox CSS Reference op tympanus.net

Gebruik prefixes voor betere browsersupport (zie artikelen hierboven).

Browser support

Flexbox op caniuse.com

Fallback

Flexbox wordt niet ondersteund door IE9 en lager.

Vanwege meerdere bugs, wordt Flexbox gedeeltelijk ondersteund door IE10 en IE11.

Mogelijke oplossingen (fallbacks):

  • floats
  • display: inline-block

Bij display: inline-block centeren met text-align: center op parent element.

Bij fallback kan gebruik worden gemaakt van Modernizr.

Meer info over fallbacks in blog/pdf van Zoe Mickley Gillenwater op zomigi.com.