JSFiddle - React, Tailwind, and code Playground

by valerio

HTML

<div class="container">
    <div class="img-cont">
        <img src="http://placehold.it/250x250">
    </div>
</div>

CSS

body,html{height:100%}
body {background:black;padding:0;margin:0;}
.img-cont {
    background:white;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    margin:30px auto 0;
    width:300px;
}
img {
width:100%;vertical-align:bottom;
}
.img-cont:hover {padding:10px;}