From: Geoff Kimball Date: Wed, 6 Jan 2016 20:01:14 +0000 (-0800) Subject: Add note to flex grid docs explaining Firefox image bug, closes #7208 X-Git-Tag: v6.1.2~88^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=63d0e71a09d12ab3472a20143237a0de7471f703;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Add note to flex grid docs explaining Firefox image bug, closes #7208 --- diff --git a/docs/pages/flex-grid.md b/docs/pages/flex-grid.md index 84da76b77..8a5444116 100644 --- a/docs/pages/flex-grid.md +++ b/docs/pages/flex-grid.md @@ -10,7 +10,11 @@ The flex grid works very similarly to the standard float grid, but includes a nu ## Browser support -The flex grid is only supported in Chrome, Firefox, Safari 6+, IE10+, iOS 7+, and Android 4+. Flexbox is supported in Android 2, but not reliably enough for use with this grid. ([View flexbox browser support.](http://caniuse.com/#feat=flexbox)) We recommend only using the flex grid on projects that can live with purely cutting-edge browser support. +The flex grid is only supported in Chrome, Firefox, Safari 6+, IE10+, iOS 7+, and Android 4.4+. Flexbox is supported in older versions of Android, but not reliably enough for use with this grid. [View flexbox browser support here.](http://caniuse.com/#feat=flexbox) We recommend only using the flex grid on projects that can live with purely cutting-edge browser support. + +
+

In Firefox 43 (the latest version), images in flex columns may overflow their container. To fix this, add a defined width to any images inside a flex column, or use width: 100% for full-bleed images.

+
---