I am creating a little site with the help of HTML/CSS. I am using this code to add linear gradient to my text:
background-image: linear-gradient(-86deg, #F11267, #FF417C);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
But here is an issue: when I am using mobile device or MacBook, and when I am resizing my site, there appears some weird lines near my text:
It looks like background-clip not clipping it fully and not working correctly on resizing. This is used for span element so width and height are not property I can use here.
