Grid not HiDPI compatible

[MarkJeronimus]

img-component-container is not HiDPI compatible.

Normally:
Imgur

HiDPI (can be emulated by scaling the browser to 200% zoom):

Imgur

The tiles get more than twice as wide. The vertical pitch gets much less than 2 times as big. Text overlaps the images.

[MarkJeronimus]

Fixed image links (hopefully):

[Jezzamonn]

Interesting -- can you give some details of what browser you're running into this on? On my HDPI mac, it works fine on both Chrome and Safari

[Jezzamonn]

Chrome on hdpi mac at 100%:

Chrome on hdpi mac at 200%:

[MarkJeronimus]

I see. It's an issue with browser compatibility.
Chrome-OK
Firefox-OK
Firefox ESR-Bad.

[Jezzamonn]

Right, it must be related to an older version of Firefox. Looking at the "Can I use" it seems like versions 52-53 of firefox have some CSS Grid related bugs -- maybe it's related to that? https://caniuse.com/#feat=css-grid It seems like the latest version of Firefox ESR should have the working version of the grid, but I could be wrong.

…

On Sun, Apr 14, 2019 at 12:42 AM MarkJeronimus ***@***.***> wrote: I see. It's an issue with browser compatibility. Chrome-OK Firefox-OK Firefox ESR-Bad. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#6 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AJ13DmPbWbFdu8jgTBg6L2Xm6EJVugfmks5vgtvpgaJpZM4ct8pA> .

[MarkJeronimus]

Yup, that's it. Sorry for accusing you of a bug.

[Jezzamonn]

No, no problem at all! Thanks for taking the time to flag it! I suppose I could find a workaround but it might be more effort than worth... :/

…

On Tue, Apr 16, 2019, 12:05 MarkJeronimus ***@***.***> wrote: Yup, that's it. Sorry for accusing you of a bug. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#6 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AJ13Dto4YEtqeMY4YmXyiOhYDltwV9Klks5vhh7sgaJpZM4ct8pA> .