JSFiddle - React, Tailwind, and code Playground

HTML

<div id="something1">
    <div id="something2"></div>
    <div id="parent" >
        <div id="child" ></div>
    </div>
</div>

CSS

#parent{
    margin: 50px;
    border: 15px solid #c1c1c1;
    width:200px; 
    height:250px;    
    position: relative;
}

#child{
    position: absolute; 
    border: 15px dashed #a2f2e2;
    top: -15px;
    bottom: -15px;
    left: -15px;
    right: -15px;
}