Chrome Dev Tools Updates - CSS Hints

Chrome is launching a new update for Dev Tools that will show you a tip or a hint as to why some of your CSS is not working. It is live in the current Chrome Canary. But, this is one of those things that feels small but will save a huge amount of time with debugging and authoring.

Bramus @bramus

New in @ChromeDevTools’s Style Pane: CSS Authoring Hints! These hints tell you why certain CSS declarations have no effect. For example: `flex: 1` does nothing when the parent has no `display: flex` set. Enabled by default in the most recent Chrome Canary (108.0.5354.2)