am-grid icon indicating copy to clipboard operation
am-grid copied to clipboard

Subpixel rendering issues

Open bjornbjorn opened this issue 11 years ago • 1 comments

Hi,

if you set padding to: 0 in the grid columns you'll see that it has subpixel rendering issues (tested in Chrome but this will most likely happen in Firefox etc. also): http://i.imgur.com/ithfirr.png

Not sure how to fix it with a fluid grid like this, but I've seen others use a negativ margin trick to accomplish this: http://benfrain.com/responsive-grid-frustrations-susy-zen-and-sub-pixel-rounding/

Also relevant: http://www.palantir.net/blog/responsive-design-s-dirty-little-secret

I realise this is mostly an AM experiment for now but just wanted to make you aware of the issue :)

bjornbjorn avatar Sep 08 '14 07:09 bjornbjorn

When I worked with FlexBox on my own I noticed this problem only happened in Chrome and I reckon it's more a problem with the browser's rendering engine than a problem with the grid.

ShimShamSam avatar Sep 26 '14 02:09 ShimShamSam