JSFiddle - React, Tailwind, and code Playground

HTML

<div class="center-me"></div>

CSS

.center-me {
    height:400px;
    width:400px;
    background:#f00;
        
}

JavaScript

$(document).ready(centerDiv);
$(window).resize(centerDiv);

function centerDiv() {
    var winHeight = $(document).innerHeight(),
        divHeight = $('.center-me').height();
    
    $('.center-me').css('marginTop', (winHeight - divHeight) / 2 + 'px');
}