Inline Browser Compatibility Warning For CSS Properties

Cascading Style Sheets is by far the most powerful tool in a web developer's toolbox. It helps you style the website exactly the way you imagined it to be. But all browser's aren't designed the same and some CSS rules might end up breaking your site on certain platforms. With the introduction of Firefox 76, came a new panel in inspector - The Compatibility Panel. This panel informs one of the dangerous CSS rules in the website's stylesheet and tells them exactly on which browsers, they may end up being a nuisance on. The Inline CSS Warnings helps developers detect these issues on the fly, putting addition information of the problem, just a click away. Building tools to help you instill confidence in your product - That is what the Firefox DevTools Community is working hard at.