In a bout of blasphemy, I’d like to be slightly productive and learn something: The page header renders the “Y” in “Productivity” on a new line because mobile. Is there a reliable CSS method to say, “pick whatever font size fills the parent width without wrapping”?
Assuming the container is some percentage of the viewport you can use viewport units. Otherwise no you need JS sadly. Or a SVG.
Hopefully the spirit of future christmas shows the w3c how to do this :)