Scale div content to fit text dynamically?

Hm. Close, it does expand now and stuff, but I want to keep the box covering all the symbols when the screen isn’t an iPhone or is large enough that the text will fit as is. With your code, if the screen is a normal laptop, the box floats above the bottom of the bottom two symbols. Is there a way maybe to check if they’re using an iphone and then only run the code up there if it is or something?