JSFiddle - React, Tailwind, and code Playground

by gionaf

HTML

<html>
<body>
    <div id="container">
        <img src="http://cdn.motinetwork.net/demotivationalposters.net/image/demotivational-poster/0807/css-sales-css-sales-demotivational-poster-1216218414.jpg">
    </div>
</body>
</html>

CSS

html,body,#container {
    height:100%;
}
#container {
    width:100%;
    position:relative;
}
#container > img {
    width:100%;
    max-width:400px;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    margin: auto;
}