Text not resizing to fit into div

[MaxVeilleuxMTL]

I am sizing / positioning a div relative to it's parent in % values (see attached screen).

The text overflows the div. The only way to fix this is by manually changing the ratio, but I don't know in advance the length of each text.

Why isn't the text resizing properly to fit it's parent?