CSS Grid subpixel column width misalignment at non-100% zoom levels in Safari

Steps to reproduce:

  1. Create a CSS grid with fractional column widths e.g. grid-template-columns: repeat(3, 518.7875px)
  2. Set browser zoom to 85% or 115%
  3. Observe columns misalign with background-size pattern

Expected: Columns render consistently at all zoom levels Actual: Subpixel rounding causes visual misalignment

macOS: 13/14/15 inch MacBook

CSS Grid subpixel column width misalignment at non-100% zoom levels in Safari
 
 
Q