From 63d0e71a09d12ab3472a20143237a0de7471f703 Mon Sep 17 00:00:00 2001 From: Geoff Kimball Date: Wed, 6 Jan 2016 12:01:14 -0800 Subject: [PATCH] Add note to flex grid docs explaining Firefox image bug, closes #7208 --- docs/pages/flex-grid.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) 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.

+
--- -- 2.47.3