JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a-middle"></div>

CSS

#a-middle {
    border: 1px solid;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

JavaScript

$(window).on('resize', function () {
    $('#a-middle').css('margin-top', function () {
        return ($(window).height() - $(this).height()) / 2
    });
}).resize();