Pixels stick together in the edge browser after hover, what's the problem?

Question

css

Hello, there was a problem that after hover in the edge browser, pixels stick together (see Screenshots) and become sticky only if the cursor is removed from the block. Is this some kind of specific error or is there already some kind of crutch for this case?



ps I can repeat this error in other browsers with a non-standard scale starting from 150%

Answer 1

margin-top: 1px;
margin-left: 1px;
You need to watch what happens to them on hover It's
better not to use margin with flexes at all, at least here, as an alternative: border-left: 1px solid #fff; border-top: 1px solid #fff;