{"action":"closed","issue":{"url":"https://api.github.com/repos/GovLab/www.thegovlab.org/issues/1","labels_url":"https://api.github.com/repos/GovLab/www.thegovlab.org/issues/1/labels{/name}","comments_url":"https://api.github.com/repos/GovLab/www.thegovlab.org/issues/1/comments","events_url":"https://api.github.com/repos/GovLab/www.thegovlab.org/issues/1/events","html_url":"https://github.com/GovLab/www.thegovlab.org/issues/1","id":120189904,"number":1,"title":"Links to projects/observatory/academy/community not visible on Firefox, IE/Edge","user":{"login":"toolness","id":124687,"avatar_url":"https://avatars.githubusercontent.com/u/124687?v=3","gravatar_id":"","url":"https://api.github.com/users/toolness","html_url":"https://github.com/toolness","followers_url":"https://api.github.com/users/toolness/followers","following_url":"https://api.github.com/users/toolness/following{/other_user}","gists_url":"https://api.github.com/users/toolness/gists{/gist_id}","starred_url":"https://api.github.com/users/toolness/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/toolness/subscriptions","organizations_url":"https://api.github.com/users/toolness/orgs","repos_url":"https://api.github.com/users/toolness/repos","events_url":"https://api.github.com/users/toolness/events{/privacy}","received_events_url":"https://api.github.com/users/toolness/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":{"login":"claudioccm","id":1649373,"avatar_url":"https://avatars.githubusercontent.com/u/1649373?v=3","gravatar_id":"","url":"https://api.github.com/users/claudioccm","html_url":"https://github.com/claudioccm","followers_url":"https://api.github.com/users/claudioccm/followers","following_url":"https://api.github.com/users/claudioccm/following{/other_user}","gists_url":"https://api.github.com/users/claudioccm/gists{/gist_id}","starred_url":"https://api.github.com/users/claudioccm/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/claudioccm/subscriptions","organizations_url":"https://api.github.com/users/claudioccm/orgs","repos_url":"https://api.github.com/users/claudioccm/repos","events_url":"https://api.github.com/users/claudioccm/events{/privacy}","received_events_url":"https://api.github.com/users/claudioccm/received_events","type":"User","site_admin":false},"milestone":null,"comments":2,"created_at":"2015-12-03T14:59:32Z","updated_at":"2016-01-05T17:33:33Z","closed_at":"2016-01-05T17:33:33Z","body":"The entire bar containing links to projects, observatory, academy, and community are visible on Chrome:\r\n\r\n![2015-12-03_9-49-35](https://cloud.githubusercontent.com/assets/124687/11563693/3c3596d8-99a3-11e5-9703-0b154feecd8b.png)\r\n\r\nBut they're **completely hidden** on Firefox and IE/Edge:\r\n\r\n![2015-12-03_9-51-42](https://cloud.githubusercontent.com/assets/124687/11563731/71613dd0-99a3-11e5-8ec8-6abec2f1a0a4.png)\r\n\r\nThis is due to the fact that we're using a CSS padding hack to achieve [responsive aspect ratios](http://www.goldenapplewebdesign.com/responsive-aspect-ratios-with-pure-css/) on those boxes; normally this is fine, but because those boxes are also using Flexbox layout, the Flexbox spec declares that percent margins and paddings should resolve against their respective dimensions, which renders the CSS padding hack useless. The only problem is that Firefox and IE/Edge are following the spec, while Chrome isn't: this ultimately means that *Chrome* is the one at fault, not Firefox/IE/Edge--in fact there's a [Chrome bug](https://code.google.com/p/chromium/issues/detail?id=229568) filed for this already, so at some point these boxes may disappear on *all* browsers!\r\n\r\nUnfortunately though, there doesn't seem to be a straightforward way to achieve the same layout using Flexbox. So I recommend just ditching flexbox for that row of boxes and using the old-fashioned box model for it, where the CSS padding hack will work as expected."}}