CSS Lessons Learned the Hard Way
summary
Shows concrete debugging and fixes: a flexbox demo where using flex: 2 1 unintentionally sets flex-basis to zero and adding a 1px margin masks the bug until switching the components to flex-basis: 200px fixes wrapping; a skewed shadow built with generated content needs perspective + rotateX not just perspective; an accessibility hiding class breaks NVDA/Firefox because of overflow: hidden so overflow is removed and documented. Watch if you want these exact gotchas and the minimal code fixes.
AI-written summary · about
chapters (11)
- 0:00Start
- 2:22Making Mistakes
- 5:38Css Related Examples of the Necessity of Making Mistakes
- 13:09Grid Units
- 13:30Proportional Widths Feature Flexbox
- 22:44Absolute Positioning
- 30:49Mini Info Windows
- 34:57Css Classes
- 35:24Text Indent
- 41:41Courage Is Essential to Creativity
- 41:59Sharing Mistakes
