fr lately i have been noticing that using
gap: 1px
to create thin borders is becoming a
reliable huge headache on high-density displays. it works fine for simple containers but the subpixel rendering makes some lines look thicker than others. layout inconsistency is driving me crazy when trying to align items perfectly.
>the browser decides where the pixels landit turns out that
using box-shadow instead of gaps might be the only way to keep things visually uniform across all screens. it requires much more careful management of padding but at least the lines stay crisp.