Physical properties like 'left' and 'border-right' break layouts in right-to-left languages, requiring brittle overrides.
Logical properties replace physical directions with flow-relative 'inline' and 'block' axes that adapt automatically to any writing mode.
Design system components written with logical properties work in both horizontal and vertical layouts without duplicated CSS or overrides.
Logical properties improve code clarity with semantic intent, offer shorthands like 'inset', and align with modern web platform features.
A systematic process for migration involves asking key questions, identifying exceptions like viewport-based positioning, and documenting decisions.
Verify your implementation without special devices by using browser dev tools to toggle 'dir=rtl' or apply 'writing-mode' properties.
A cheat sheet of common physical-to-logical property mappings and examples of how they apply to UI components like sidebars, cards, and icons.
Logical properties have excellent modern browser support, and a phased adoption plan ensures a smooth transition without breaking existing layouts.
Jobs that call for the skills explored in this talk.