JSFiddle - React, Tailwind, and code Playground

by sambeckhamdesign

HTML

<div id="logo">
    <img src="http://placekitten.com/400/200" />
</div>

CSS

#logo img{
    position:absolute;
    left:50%;
    width:75%;
}

JavaScript

window.onresize = function(event) {
    var imgWidth = $('#logo img').width() / 2;
    var imgPos = (imgWidth - imgWidth * 2);
    $('#logo img').css("margin-left", imgPos);
};

$(document).ready(function() {
    alert('hi');
    var imgWidth = $('#logo img').width() / 2;
    var imgPos = (imgWidth - imgWidth * 2);
    $('#logo img').css("margin-left", imgPos);
});