I created an HTML table which is responsive. Using a media query I setted it to appear collapsed until 768px; After that it is 100% widthed.
The problem I encounter is that the table’s borders overlaps when it’s collapsed.
The border-bottom, and the border-top of any given cell type (which is not outer), touches each other and in some cases appear double. It looks awful.
I tried to use border-collapse: collapse for all 's which off course are the most dominant of cells, but it didn’t help.
I think there is a manipulation with the operator +, but I don’t know how it should be used in that particular case and how it is best to phrase an English search query in Google to find a most particular solution with this operator, regarding tables.
Hi there @benos. It is difficult to comment without seeing the code. I know @PaulOB had a responsive table solution but I’ll be jiggered if I can locate it.