So, I've been learning web development for nearly 3 months now, and I'm very close on finishing a freelance project I managed to pick up.

Its a simple single page static webpage, even so, I've learnt a lot while doing the project, the biggest one is how little I actually know. However, I have managed to solve nearly all the issues I have came across.

Now its nearly ready to launch, so I decided to test it on different web browsers. Depending on the web browser, the colours are a little bit off, and some of the times where I have used the same colour, the colour comes out different at different parts of the site?

On my ubuntu machine, firefox shows an image which seems to be floating left, however on my windows VM, firefox shows it to be correct, which is center. Oddly enough, I don't have any issues with IE and edge expect from everything looks a little bit faded, and I build it with chrome, so everything looks correct there, in both windows and ubuntu.

Anyhow, I'm not here to ask for help trouble shooting these issues, but was wondering if anyone knew any good resources/methodology to learn and test for cross browser compatibility?

Thanks.