How can a range help on a text element if we have font-size?
It is not so much about it helping the size of the text, but the space it exists in.
A min and/or max value for width and/or height on text elements like an
h1 or a
p will provide the space restrictions for that text element to exist in the container, that way it oversees that either it is not going to be too small, or that it will not go over the space it should be contained in. The issue this may face is overflowing text if you have not assigned a font size in the case of an
h# tag which has a default font-size of 2% of the window size. That is also why min-width, max-width, min-height, and max-height are more commonly implemented on
img elements rather than text.