How I find and debug issues in my CSS

Published: 16 April 2024
on channel: Kevin Powell
27,337
1.2k

If you’d like to dive deeper into your dev tools, I have a two-hour bonus lesson as part of my course CSS Demystified that dives really deep into all the CSS related features and tools that we have, and how to use them: https://cssdemystified.com?utm_campaign=general&utm_source=youtube&utm_medium=howidebug

🔗 Links
✅ VisBug for Chrome: https://chromewebstore.google.com/det...
✅ Visbug for Firefox: https://addons.mozilla.org/en-CA/fire...
✅ Polypane: https://polypane.app/?ref=kevin (affiliate link, so if you do purchase, you’re also helping support my channel)

⌚ Timestamps
00:00 - Introduction
01:00 - Dev Tools basics
03:40 - Typos and invalid properties & values
05:08 - Valid properties in places they won’t work
07:42 - Responsiveness, overflows, and layout issues
09:47 - Finding overflows with outlines
12:00 - Using background-color to find overflows
12:45 - Devtools features for working with grid and flexbox
16:20 - Firefox can extra visualizations that can be useful
18:12 - VisBug
19:28 - Polypane

#css

--

Come hang out with other dev's in my Discord Community
💬   / discord  

Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter

Come hang out with me live every Monday on Twitch!
📺   / kevinpowellcss  

---

Help support my channel
👨‍🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-t...
💖 Support me on Patreon:   / kevinpowell  

---

My editor: VS Code - https://code.visualstudio.com/

---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Twitter:   / kevinjpowell  
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell

---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!


On this page of the site you can watch the video online How I find and debug issues in my CSS with a duration of hours minute second in good quality, which was uploaded by the user Kevin Powell 16 April 2024, share the link with friends and acquaintances, this video has already been watched 27,337 times on youtube and it was liked by 1.2 thousand viewers. Enjoy your viewing!