Today I stumpled over a problem in current Safari (Desktop 10.1.2 and iOS 10.3.3) and the new CSS grid property
So I thought I write a quick blog post about it, in case of anyone having the same problem.
By the time of writing Safari does not support
grid-column-gap with percentage values
To fix that you could either set a pixel value as fallback
grid-column-gap: 10px; grid-column-gap: 10%;
or just use an
em value instead
Here you can find more information about
After updating iOS to 11.0, Safari now supports percentage values for
grid-column-gap. Safari Desktop (macOS) still does not support it.