How to fix browser specific styling issues
- Use separate stylesheet for each browser (requires server-side rendering)
- Use
autoprefixer CSS post-processor to automatically add vendor prefixes to your code.
- Reset/Normalize CSS
- can use normalize.css to reset User Agent Stylesheet from browser
How to hide content
visibility:hidden (hides the element but it will occupy space)
width:0, height:0
position: absolute; left: -99999px: position outside the screen
display:none (removes the element and It will not occupy space)