its probably a combination of how a browser renders lines and how the screen displays the lines
i dont do anything special with the lines like special css.
its literally just:
.lay-hr {
height: 1px;
background-color: #000000;
}
maybe try this css:
body {
-webkit-font-smoothing: none!important;
text-rendering: initial!important;
}
maybe this css changes sth?
but im not sure, this is just for fonts i think.
maybe you can find something on google