У меня проблема с визуализацией веб-браузера Chrome: у меня есть два элемента рядом, и у меня есть эта серая раздражающая граница в середине:
![Chrome](https://i.stack.imgur.com/5vAFq.png)
![Firefox](https://i.stack.imgur.com/km8S0.png)
![Edge](https://i.stack.imgur.com/nCmSX.png)
это происходит в некоторых разрешениях экрана и только в Chrome.Я уже проверяю контур, границу, радиус, поля и отступы.Я использую Chrome v 75.
У кого-нибудь есть решение для такого рода проблем?Оба компонента имеют следующие свойства css:
height: 100%;
max-height: 100%;
overflow: hidden;
основные свойства имеют следующие свойства:
display: grid;
grid-template-columns: 170px auto;
height: 100%;
вы можете увидеть упрощенный макет здесь вы можете увидеть проблемупри размере экрана 1366 X 768