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