JSFiddle - React, Tailwind, and code Playground

HTML

<span id="sigs" style="display: block;">
    <li >
        <a href="#" onclick="adjustHeight();" class="sigsLink" >Manage Signatures</a>
    </li>
</span>

CSS

function adjustHeight(){
    var actual_width = screen.width;
    alert(screen.width;);    
    if(actual_width < 1281) {
        var h1= document.getElementById('procsLink').getAttribute('font-size');
        alert("font-size: " + h1);
        h1 = 35px;
        document.getElementById('procsLink').setAttribute('font-size',h1);
    }
}

JavaScript

function adjustHeight(){
    var actual_width = screen.width;
    alert("width: " + actual_width + "px");
    if(actual_width < 1281) {
        var h1 = document.getElementById('procsLink').getAttribute('font-size');
        alert("font-size: " + h1);
        h1 = "35px";
        document.getElementById('procsLink').setAttribute('<font></font>-size',h1);
    }
return false;
}