0

In the codepen link: https://codepen.io/jonasschmedtmann/pen/zYNyMJL/256706a9de79baf1bd19abcb68e820d9 there is a strange pair of horizontal and vertical lines surrounding the ADD TO CART button at bottom and left sides respectively if you change the .product selector to .product { border: 5px solid black; } .This is happening with every odd border size and the lines disappear when the border size is set to an even length. It is happening on chrome.

Improve this question
3
  • A proper minimal reproducible example of your issue belongs directly into your question, please do not just dump the whole thing onto an external platform. See also: Something in my web site or project doesn't work. Can I just paste a link to it? Commented Oct 20, 2022 at 13:50
  • Which browsers is this happening on? It sounds like a well known issue when the system is mapping CSS pixels onto the (several) screen pixels - sometimes a screen pixel’s worth gets left behind’. Commented Oct 20, 2022 at 13:57
  • It's happening on chrome . Commented Oct 20, 2022 at 13:59
Related questions
0
Pixel where top and left borders meet
2
Extra white lines/pixels
4
Strange white pixel border - IE 9
Load 7 more related questions Show fewer related questions

0

Reset to default

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.