Min/max-width/height on text elements vs just font size


#1

Question

How can a range help on a text element if we have font-size?

Answer

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.