CSS Flexbox debugging tools #DevToolsTips

Опубликовано 10 февраля 2022, 18:01

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 → goo.gle/devtools-flexbox
Learn Flexbox → goo.gle/3JkwQFO
GitHub goo.gle/3uD1uWY

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

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

#DevToolsTips #Chrome #Developer