> One small challenge was maximizing the size of the message text. Sometimes a message is just a word or two; other times it might be several sentences. A single font size can’t accommodate such a wide range of text content. I couldn’t find a pure CSS way to automatically maximize font size so that a text element with word wrapping would display without clipping. > I ended up writing a small JavaScript function to ma…
font-size: "as-big-as-possible-while-still-fitting-parent-container";
or maybe just font-size: max;