JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fon"></div>
<table>
    <tr>
        <td class='fake_fon'>sdfsd</td>
        <td class='content'>sdfsdf</td>
    </tr>
</table>

CSS

.fon {
    width:40%;
    min-width:200px;
    position:fixed;
    border:solid black 1px;
    height:100%;
}
table{
    width:100%;
    border-collapse:collapse;
}
.fake_fon{
    width:40%;
    min-width:200px;
    border:solid blue 1px;
    height:100%;
}
.content {
    width:60%;
    color:red;
    outline:solid yellow 1px;
}