Mobile-first Social media dashboard with theme switcher

The most common ones are:

• chrome
• firefox
• safari
• opera
• brave (based on chromium)
• edge
• IE

To ensure compatibility across browsers you have to use browser vendor prefixes

• Android: -webkit-
• Chrome: -webkit-
• Firefox: -moz-
• Internet Explorer: -ms-
• iOS: -webkit-
• Opera: -o-
• Safari: -webkit-

And there are ways to manage this more efficiently (for instance, using mixins with some CSS preprocessor or even better, using a PostCSS plugin called autoprefixer)