Каменная кладка (иногда) добавляет 1px желоба между предметами

Question

У меня есть 7 предметов, выложенных с масонством. В зависимости от размеров экрана иногда появляется 1px желоба (пробел) между 2-й строкой и 3-й строкой (а иногда и между 2-м и 3-м столбцами).

Лично я не хочу иметь пространство между плитки/предметы. Кто знает, что приводит к появлению этой отдельной строки px и как это можно решить?

Пример: http://wallstart.nl/test.html

Результирующее в: https://infinit.io/_/fJqNxKq

Answer 1

Поскольку она не устанавливает высоту на предметы, поэтому их высота рассчитывается на основании:

padding: 10%; 
font-size: 18px; 
line-height: 1.5em; 

размера шрифта в порядке, но обивка и line-height (потому что процент и em) на элементах приводит к тому, что высота имеет числа с плавающей запятой (и т. д. height: 70.83px). Но я думаю, что позиция предметов вычисляется по значениям этих чисел. (и т.д. top: 71px). Так что это выглядит странно на некоторых уровнях масштабирования.

Если это не поддержка или исправление для этого в этой библиотеке, я бы попытался переопределить заполнение и высоту линии на .grid-item a, чтобы иметь значения пикселей.