TIL: Oct 12

TIL: You can significantly improve mobile UI ergonomics by standardizing interactive component heights (e.g., h-11 for mobile vs. h-12 for desktop) and replacing multiline badge wrapping with single-line horizontal scroll rails. Implementing responsive CSS grids and enforcing iOS safe-area insets on sticky action bars prevents common mobile layout clipping and "clapping" issues.