How I Debug and Problem-Solve CSS Issues

How I Debug and Problem-Solve CSS Issues

Coder Coder via YouTube Direct link

- Intro

1 of 18

1 of 18

- Intro

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

How I Debug and Problem-Solve CSS Issues

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Intro
  2. 2 - Describe problem in Google/DuckDuckGo
  3. 3 - What makes a good Stack Overflow answer
  4. 4 - Try one fix at a time and recheck
  5. 5 - Summarize problem into questions
  6. 6 - Search CSS issues on MDN
  7. 7 - Compare CSS styles between 2 elements
  8. 8 - Compare the HTML hierarchy of both elements
  9. 9 - Compare CSS styles on parent elements
  10. 10 - Toggle CSS rules to see which one has an effect
  11. 11 - Organize clues by writing them down
  12. 12 - More research on position absolute
  13. 13 - Fixing 1 bug causes a new bug 💀
  14. 14 - Compare design to actual website
  15. 15 - Hover over elements in dev tools to find extra space
  16. 16 - Researching and fixing the margin issue
  17. 17 - Researching display: flow-root and block formatting contexts
  18. 18 - Fixing the rest of the hero images

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.