JSFiddle - React, Tailwind, and code Playground

by Bongs

HTML

<div class="frame">
            <img src='http://urbantitan.com/wp-content/uploads/2010/04/donald.jpg' class="frame-image"></img>
    </div>

CSS

.frame { position:relative;border:1px solid #CCC;border-radius:2px;-moz-border-radius:2px; }
    .frame:before
    {
        position:absolute;
        content:'';
        border:2px solid #F2F2F2;
        height:100%;width:100%;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    img.frame-image
    {
        min-width:30px;min-height:30px;
        max-width:200px;max-height:200px;
    }