Trouble with border-width under 1px

Hi’
I’ve got a problem under one of my pages(home-3):

The issue is with the separate lines, I created a separate line and named it under the class ‘Separater line’ now I placed these lines under each image of every block, the thing is that in some images(the 1st for example ) i can see the seperater line and in other nothing, can’t see them. tried to play with z index and other things and i couldn’t figure it out, what should i do?
I appreciate all the help and thank you all in advance.

Best,
Guy


Here is my public share link: https://preview.webflow.com/preview/guycohen?preview=2ae9ec8c8e70039d9280afd3d7c043b0

Hi Guy
I tried to look for a solution to the problem, but haven’t found any which will fix the problem and still match your style.
If you try to change the height of the “Seperater line” class to 4px. You can see that they indeed are there, but for some reason not when you change height back to 0.5px.

Truly strange :confused:

-David

Thanks for taking a look, something is going on there and I’m hopeless, I realized that if I change the image size they appear as well but why? i whish webflow would take a look on that…

Hi @Guy_Cohen, Check out this article, it may help: CSS border less than 1px - Stack Overflow

1 Like

Thanks @cyberdave, what I learned from the link is that it’s impossible to draw a line on screen that’s thinner than one pixel, this conclusion would be a great answer to me if my 0.5px didn’t show at all but it sometimes shown for some blocks and sometimes not, sometimes if I reduces the size of the image above it’s shown and sometimes not, why, according to this conclusion it shouldn;t need to be shown at all.
Do you recommend moving to 1 px, or try the 0.1 % example that they gave there?

Best.
Guy

This article is old but maybe can help you Yes We Can Do Fraction Of A Pixel

thanks @AntonioBalderas it helped me a lot.
Best,
Guy

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.