Editing Website with Chrome DevTools
Quick Edits
(⚡️ indicates a tip or trick!)
- Editing CSS
- Adding CSS Rules
- Editing HTML
- ⚡️ Scroll into view
- Console shortcuts
- Hide and show elements
- Simulate state
- Prefers color scheme
- ⚡️ Computed styles
- ⚡️ HTML breakpoints
- Find event listeners
- ⚡️ Changing color formats
- ⚡️ Import custom theme
- CSS Specificity
- CSS Overview
- Device Toolbar
- Accessible color picker
- Accessibility panel
After watching the quick edits video, please move on to the Exercise