Responsive Text, calculated font-size with respect to content wrapper.

responsive-text.js

export const responsiveText = (selector) => {
    const rtWrappers = document.querySelectorAll(selector)

    rtWrappers.forEach(wrapper => {
        const width = wrapper.offsetWidth,
            height = wrapper.offsetHeight,
            text = wrapper.innerHTML

        let textLength = typeof text === "string" ? text.trim().replace(" ", "").length : 0
        const bestRatio = height / 1.4

        let fontSize = 0
        if (textLength > 0) {
            fontSize = Math.floor(1.5 * width / textLength)
        }

        wrapper.style.fontSize = (fontSize > bestRatio ? bestRatio : fontSize) + "px"
        wrapper.style.lineHeight = height + "px"
    })
}