Auto font size inside the grid or div


I put the text box inside the div box. What I am trying to do is if I write a long word, I want the font size to become smaller fitting into the original text box size (instead of the text box getting bigger).

If you see the image below, the longer the text, the longer the vertical size instead of decreasing the font size. How can I resolve this issue? Thank you so much for your help.

Screen Shot 2022-04-27 at 8.49.11 PM