search

codeforamerica / codeforamerica.org-archive

The (former) @codeforamerica website
http://archive.codeforamerica.org
Other
176 stars 139 forks source link

DFD report not responsive in Firefox #1127

Open marimuraki opened 9 years ago

marimuraki commented 9 years ago

screenshot 2015-05-26 15 13 31 screenshot 2015-05-26 15 13 42

migurski commented 9 years ago

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 commented 9 years ago

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

migurski commented 9 years ago

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

davidrleonard commented 8 years ago

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 commented 8 years ago

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 notifications@github.com 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