DFD report not responsive in Firefox

[marimuraki]

[migurski]

Are you reloading here, or just stretching & squashing the window? Clearleft made a decision to ignore the stretchy/squashy because “only web designers actually do that”.

[marimuraki]

At reload / command-0, it's as shown in the first image with the words flowing off to the side.

[migurski]

Hm, maybe the images are pushing out the margins? They seem oversized. Maybe just one of them is doing it.

[davidrleonard]

Looks like isn't respecting img { max-width: 100% } here for some reason: https://www.codeforamerica.org/our-work/initiatives/digitalfrontdoor/oakland-phase1-report/

Any ideas @norrishung @phae?

[norrishung]

Looks like there’s a display: table on .layout-semibreve. When I turned off that property, everything looks normal.

Because of the way tables handle text flowing, max-width doesn’t always have the desired effect on tables. We should probaly try and stay away from display: table as much as possible.

On Wed, Oct 14, 2015 at 2:17 PM, David Leonard [email protected]
wrote:

Looks like isn't respecting img { max-width: 100% } here for some reason: https://www.codeforamerica.org/our-work/initiatives/digitalfrontdoor/oakland-phase1-report/

Any ideas @norrishung @phae?

Reply to this email directly or view it on GitHub:
https://github.com/codeforamerica/codeforamerica.org/issues/1127#issuecomment-148203985