I am working on creating a grid that is automatically generated in my Angular 2 application. Currently, it consists of 1px wide divs as vertical lines and 1px high divs as horizontal lines. However, there seems to be an issue with inconsistent thickness between the lines, which is particularly noticeable between Tuesday and Wednesday in the grid. This inconsistency is visible in Firefox, as shown in this screenshot:
https://i.sstatic.net/t6QUA.png
I have applied the same CSS class to all the lines, but the discrepancy in thickness remains. I have checked with Firefox tools and they indicate that the lines are the same width, yet visually, there is a difference. Could this be a rendering issue?
Any suggestions on how to resolve this problem? Should I consider a different approach for styling the vertical and horizontal lines?
Thank you, Daniel