Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

CSS Debugging Tips

Kevin Powell via YouTube

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

Reviews

Start your review of CSS Debugging Tips

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.