JSFiddle - React, Tailwind, and code Playground

by DIdac Montero

HTML

<div id='outer1'>
    <div class="container">
            <img src="http://placehold.it/200x800" />
    </div>

</div>

CSS

#outer1 {
     width: 200px;
    height: 300px;
    position: relative;
    background: red;
 } 
.container {
    background: blue;
    padding: 10px;
    max-height: 100%;
    max-width: 100%;
    text-align:center;
}

img {
    max-height: inherit;
    max-width: inherit;
}