Stack Snacks

Share this post

Chrome Dev Tools Updates - CSS Hints

www.stack-snacks.com

Chrome Dev Tools Updates - CSS Hints

John Siwicki
Oct 16, 2022
1
Share this post

Chrome Dev Tools Updates - CSS Hints

www.stack-snacks.com

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.

Twitter avatar for @bramus
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)
An element has flex: 1 set but it has no effect. DevTools now shows you why that is.
7:30 AM ∙ Oct 12, 2022
243Likes46Retweets
Share this post

Chrome Dev Tools Updates - CSS Hints

www.stack-snacks.com
Comments
TopNew

No posts

Ready for more?

© 2023 John Siwicki
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing