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