The Web Performance Guide is – as its name suggests – a collection of articles we've been writing over the years to answer the most common questions we field about performance topics like site speed, why it matters, how it's measured, website monitoring tools, metrics, analytics, and optimization techniques.

I thought the answer might be well, everything will probably scale really nicely then. Turns out, surprise surprise, that it’s not that easy. There are plenty of things that container queries are awkward at or just not the right unit for.

There are two real options for how letter-spacing can be fixed: reworking how the space is distributed around the character or allowing developers an option to choose where we want the ending space.

Optimize for the dumbest, most frustrated, most tired version of yourself. This can be achieved through a combination of good naming and organization, as well as clear and concise documentation and examples. Also, using consistent patterns and conventions can help to reduce cognitive load and make it easier to continue working on a project after a break or interruption.

Displaying an external SVG with the <use> tag can be styled with CSS, including setting the icon's color to the color of the surrounding text with fill:currentColor; it could be used elsewhere on the page but will be downloaded only once; and it scales proportionally with the surrounding text size with height:1em. It even supports the :hover state!