JSFiddle - React, Tailwind, and code Playground

by BenjaminRay

HTML

<script>
    function nav_fontsz() {
        var w = window.innerWidth,
            h = window.innerHeight;
        var navbtn = document.querySelectorAll('.nav-button');

        alert('Running...');

        var w = window.innerWidth;

        if (w < 800) {
            for (i = 0; i < navbtn.length; i++) {
                navbtn[i].style.fontSize = (w / 3.5) + 'px';
            }
        }

        alert('Done!');
    }
</script>
<body onresize="nav_fontsz()">
    <ul>
        <li class="nav-button">Nav 1</li>
        <li class="nav-button">Nav 2</li>
    </ul>
</body>