I have a sliding gallery with thumbnails.I try to make the distance between the thumbnails equal (about 1-2 pixels) and this distance to be the same in each browser. I tried different codes but it didn't work. I tried margin, padding, bootstrap table column, different classes for different sizes but I did not get an equal distance or I'm doing something wrong. How do I make equal space between the thumbnails in the gallery and it's the same in all browsers?
Wow, that's a lot of CSS for what sounds like a pretty simple layout. My recommendation is to strip it all out and start from a blank slate using flexbox. Flexbox is the modern way to do layouts (along with grid, but that's another show), and solves a lot of the problems we had with layouts where we had to resort to tricks with float and the like.
If you are unfamiliar with flexbox, it's high time to get up to speed on it. I recommend A Complete Guide to Flexbox to get started (and to use as a reference).