JSFiddle - React, Tailwind, and code Playground

by rajeshpillai

HTML

<div id="myDiv">
    <img alt="Client Logo" title="Client Logo" 
    src="http://lorempixel.com/200/200" />
</div>

<img alt="Client Logo" title="Client Logo" 
    src="http://lorempixel.com/200/200" />

CSS

#myDiv 
{
height:600px;
width:400px;
    background-color:yellow;
}
#myDiv img
{
max-width:100%; 
max-height:100%;
margin:auto;
display:block;
}

JavaScript

/*
var logoHeight = $('#myDiv img').height();
    if (logoHeight < 600) {
        var margintop = (600 - logoHeight) / 2;
        $('#myDiv img').css('margin-top', margintop);
    }
    */