Frontend

Friendship ended with `display: inline-flex; align-items: center;`

Inline icons keep messing with text baseline

Now `display: inline-block;` and `float: inline-start; translate: 0 calc((1lh - 100%) / 2);` are my best friends

/frontend dev・founder/decentralized data wrangler /blockhead・ritual.net・UI/UX abstractionist・DeFi/web3 builder・dropout・24・prev /dydx・x.com/darryl__yeo

Why should I use this instead of just flex, items-center, gap, and justify-center? I tried using it but the icon wasn't perfectly centered in icons when the text size differed.