JSFiddle - React, Tailwind, and code Playground

HTML

<div id="all"><div id="horizontal">
    <div id="color">Рабочий эскиз<br><br>не работает</div>
</div>
    <div id="vertical">&nbsp;</div></div>

CSS

#all{
width:96%;
margin:2%;
min-width:250px;
}

#horizontal{
display:block;
width:100%;
height:50px;
margin:25px 0px;
border-top:1px solid #000;
border-bottom:1px solid #000;
}

#vertical{
display:block;
width:100% - 50px;
margin:-100px 25px 0px 25px;
border-left:1px solid #000;
border-right:1px solid #000;
height:100px;
}

#color{
background:#e6e6e6;
margin:0 25px;
display:block;
witdh:100%-50px;
height:33px;
font-size:16px;
font-family:Times New Roman, Times;
padding:17px 17px 0px 17px;
}