An explainer with interactive examples to help folks grasp CSS concepts that can seem tricky.
See it live: https://css-corners.netlify.app/
- Box model
- Flexbox and grid as an extsneion of the Document Flow lesson
- Browser devtools Section
- Elemends, styles and Computed panes
- Flexbox tinkering tools
- Scroll, event markers (in Firefox)
- Rendering cycle (animation performance)
- Responsive design
- Horizontal scroll and how to prevent it