● PHANTOM
đŸ‡ŽđŸ‡ŗ IN
✕

CSS Flexible Box Layout Module

- CR

Method of positioning elements in horizontal or vertical stacks. Support includes all properties prefixed with flex, as well as display: flex, display: inline-flex, align-content, align-items, align-self, justify-content and order.

Chrome

  1. ◐ 4 - 20: Partial support
  2. ✅ 21 - 28: Supported
  3. ✅ 29 - 144: Supported
  4. ✅ 145: Supported
  5. ✅ 146 - 148: Supported

Edge

  1. ✅ 12 - 144: Supported
  2. ✅ 145: Supported

Safari

  1. ◐ 3.1 - 6: Partial support
  2. ✅ 6.1 - 8: Supported
  3. ✅ 9 - 26.2: Supported
  4. ✅ 26.3: Supported
  5. ✅ 26.4 - TP: Supported

Firefox

  1. ◐ 2 - 21: Partial support
  2. ◐ 22 - 27: Partial support
  3. ✅ 28 - 146: Supported
  4. ✅ 147: Supported
  5. ✅ 148 - 150: Supported

Opera

  1. ❌ 9 - 12: Not supported
  2. ✅ 12.1: Supported
  3. ✅ 15 - 16: Supported
  4. ✅ 17 - 124: Supported
  5. ✅ 125: Supported

IE

  1. ❌ 5.5 - 9: Not supported
  2. ◐ 10: Partial support
  3. ◐ 11: Partial support

Chrome for Android

  1. ✅ 145: Supported

Safari on iOS

  1. ◐ 3.2 - 6.1: Partial support
  2. ✅ 7 - 8.4: Supported
  3. ✅ 9 - 26.2: Supported
  4. ✅ 26.3: Supported
  5. ✅ 26.4: Supported

Samsung Internet

  1. ✅ 4 - 28: Supported
  2. ✅ 29: Supported

Opera Mini

  1. ✅ all: Supported

Opera Mobile

  1. ❌ 10 - 12: Not supported
  2. ✅ 12.1: Supported
  3. ✅ 80: Supported

UC Browser for Android

  1. ✅ 15.5: Supported

Android Browser

  1. ◐ 2.1 - 4.3: Partial support
  2. ✅ 4.4 - 4.4.4: Supported
  3. ✅ 145: Supported

Firefox for Android

  1. ✅ 147: Supported

QQ Browser

  1. ✅ 14.9: Supported

Baidu Browser

  1. ✅ 13.52: Supported

KaiOS Browser

  1. ✅ 2.5: Supported
  2. ✅ 3: Supported

Most partial support refers to supporting an older version of the specification or an older syntax.

Resources:
Flexbox CSS generator
A Complete Guide to Flexbox
Tutorial on cross-browser support
10up Open Sources IE 8 and 9 Support for Flexbox
Flexbugs: Repo for flexbox bugs
Ecligrid - Mobile first flexbox grid system
The Difference Between Width and Flex-Basis
Examples on how to solve common layout problems with flexbox
Flexbox playground and code generator
Article on using the latest spec
Sub-features:
gap property for Flexbox