JSFiddle - React, Tailwind, and code Playground

by dsbonev

HTML

<div id="container">
<div id="subcontainer">
<img src="http://jsfiddle.net/img/logo.png" />
</div>
</div>

CSS

html, body, #container{
  width: 100%;
  height: 100%;    
}

#container {
   background: red;
   display: table; 
}

#subcontainer {
   background: blue;
   display: table-cell;   
   vertical-align: middle;
   text-align: center;
}

#subcontainer img {
  max-width: 100%;
  max-height: 100%;    
}