JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ramka_outer">
            <div class="ramka"></div>
        </div>

CSS

body{
margin:0;
padding:0;
height:100%;
background:#ccc;
}

.ramka_outer{
padding:2px;
background:#000;
display:inline-block;
border:2px solid #fff;
margin:100px;
}

.ramka{
width:300px;
height:300px;
background:#ccc;
border:2px solid #fff;
}