'background gradient with a strange 1px line [closed]

Strange 1px yellow line at the bottom:

If I use ctrl-minus to decrease the font size there is a line at the top:

For some zoom-values there is no strange 1px line.

CSS:

background-image: linear-gradient(to left top,#fff 50%,transparent 50%),linear-gradient(to bottom,red 20%,#a8d695 20%);

What could be the reason?

I use Chrome: 97.0.4692.99

css

Solution 1:^[1]

I found the answer:

background-repeat: no-repeat;

Chrome does repeat the gradient.

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source
Solution 1	guettli