CSS Logical Properties
summary
Explains that replacing left/right/top/bottom with logical properties fixes RTL and vertical scripts, demonstrates margin-block-start, padding-inline-end and border-block-end mapping, and shows live flexbox and grid examples that flip when reading-mode or direction change. Shows a browser-support table with partial support and notes some WebKit/MS prefixes required and a 19–20% global support snapshot from mid‑2019. Ends with a Kahoot quiz and community growth numbers (about 1,000 members) as concrete outreach evidence.
AI-written summary · about
