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 IE 9 en lager.

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.