JSFiddle - React, Tailwind, and code Playground

HTML

<div class="sidebar-left">
    <div class="conteiner"></div>
    <div class="col-left">fsdklafjsldk fsdklafjsldk fsdklafjsldk</div>
    <div class="col-right">
        <h1>Пипец</h1>
        <div class="block">
            <a href="#"></a>
            <a href="#"></a>
            <a href="#"></a>
        </div>
        
        <h1>Два пипеца</h1>
    </div>
</div>
<div class="sidebar-right">

</div>

CSS

.sidebar-left{
    float:left;
    height:300px;
    width:200px;
    background: red;
}
.sidebar-right{
    margin-left:200px;
    width:200px;
    height:300px;
    background: blue;
}
.conteiner{
    height:50px;
    margin:3px;
    background: yellow;
}
.col-left{
    float:left;
    width:100px;
    min-height:200px;
    background: green;
}
.col-right h1{
    font:14px Arial;
}
.col-right a{
    float:left;
    width:25px;
    height:25px;
    margin:0 15px 15px 0;
    background: black;
}
.block:after{
    content:'';
    display:block;
    clear:both;
}