CSS Flexbox debugging tools
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 → / jecfish
Chrome DevTools → / chromedevtools
Catch more DevTools Tips → https://goo.gle/DevToolsTips
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs
#DevToolsTips #Chrome #Developer