JSFiddle - React, Tailwind, and code Playground

HTML

<div id="signuparea">           
                <input type="password">
                <p>Some content</p>
            </div>

CSS

#signuparea {
    position : absolute;
    top      : 50%;
    left     : 50%;
}

JavaScript

$(function() {
    $(window).resize(function() {
        var area = $('#signuparea');
        $('#signuparea').css({
            'margin-top'  : '-' + Math.round(area.height() / 2) + 'px',   
            'margin-left' : '-' + Math.round(area.width() / 2) + 'px',       
        });
    }).trigger('resize');
});