Как использовать DevTools для отладки CSS?
- Elements panel: inspect элемент, edit styles в реальном времени
- Computed tab: финальные вычисленные значения, откуда наследовано
- Box Model visualization: margin, border, padding, content
- CSS Grid/Flexbox overlays: визуализация сеток
- Rendering tab: Paint flashing, Layout Shift Regions, FPS meter
- Coverage tab: процент используемого CSS