CSS Flexbox debugging tools #DevToolsTips
Channel: Chrome for Developers
Date: 2022-02-10

Tips on debugging CSS Flexbox with Chrome DevTools.

Chapters:
0:00 - Intro
0:08 - Flexbox editor
0:49 - Flex badge and overlay
1:41 - Context-aware icons and overlay
2:15 - Flex icons in the Flexbox properties’ dropdown
2:30 - Layout pane
3:09 - Badge settings
3:26 - Learn more

Links:
Learn Flexbox debugging tools  → https://goo.gle/devtools-flexbox
Learn Flexbox →  https://goo.gle/3JkwQFO 
GitHub https://goo.gle/3uD1uWY 

Questions? Tweet to us:
Jecelyn Yeen →  https://twitter.com/jecfish  
Chrome DevTools →  https://twitter.com/chromedevtools

Catch more DevTools Tips → https://goo.gle/DevToolsTips 
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#DevToolsTips #Chrome #Developer