Earn Your Business Degree, Tuition-Free, 100% Online!
Learn the Skills Netflix, Meta, and Capital One Actually Hire For
Overview
AI, Data Science & Cloud Certificates from Google, IBM & Meta — 50% Off
One plan covers every Professional Certificate on Coursera. 50% off Coursera Plus Annual for 10 days only — price increases June 17.
Unlock All Certificates
Learn essential CSS debugging techniques in this 16-minute tutorial that covers practical strategies for troubleshooting common styling issues. Discover how to identify styles that override other styles using browser developer tools, and master the process of activating pseudo-classes like :hover and :focus for testing purposes. Explore methods for detecting and resolving mysterious overflow problems that can break layouts, and learn efficient keyboard shortcuts for adjusting CSS values using up and down arrow keys. Understand how to transfer changes made in developer tools back into your actual CSS files to maintain your debugging solutions permanently.
Syllabus
00:00 - Introduction
00:29 - Finding styles that are overriding other styles
02:50 - turning on pseudo-classes like :hover and :focus
05:00 - Finding mystery overflows
09:25 - Changing values with up/down keys
11:14 - FREE COURSE: Getting started with dev tools
11:50 - Getting dev tool changes into your CSS
Taught by
Kevin Powell