founder https://t.co/u3lUHWZBNP (pinterest for builders) // prev @24labsai
Shorts
there are two ways to make inline icons match text: guess a px value or use the font’s cap height `1cap` gives you the second one. it sizes the icon from the height of capital letters, so it keeps matching when font-size changes.
47,421 görüntüleme
hardcoded tooltip CSS works until it meets the edge bad (gets clipped): position absolute left 100% translateY(-50%) good: (collision aware) measure viewport space choose placement set top/left move the arrow animate from the correct origin