CSS Grid debugging tools

Опубликовано: 10 Март 2022
на канале: Chrome for Developers

40,339

729

Tips on debugging CSS Grid with Chrome DevTools.

Chapters:
0:00 - Intro
0:20 - Highlight grid with badge
0:40 - Extend grid lines
1:10 - Use grid line numbers
1:54 - Visualize grid line names
2:33 - Visualize grid area names
3:11 - Show track sizes
3:39 - Edit grid visually with the grid editor

Links:
Learn grid debugging tools → https://goo.gle/devtools-grid
Learn CSS grid → https://goo.gle/3pT2cw3

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

На этой странице сайта вы можете посмотреть видео онлайн CSS Grid debugging tools длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Chrome for Developers 10 Март 2022, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 40,339 раз и оно понравилось 729 зрителям. Приятного просмотра!