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)