1px Gap In Row Using Css Grid

I'm trying to make a custom css grid: .row box-sizing: border-box background-color: tomato font-size: 0 .row:after content: '' display: table clear: both [class*='col-'

Solution 1:

Probably it is just a rounding error. See also: Fixing Sub-Pixel rounding issue in a CSS Fluid Grid

You can avoid this by giving the last column in a row width: auto.