JSFiddle - React, Tailwind, and code Playground

HTML

<div class="all">
    
    <div class="ban">тут слайдер</div>
        
    <div class="content">
       <div class="left">тут контент</div>
       <div class="right">тут тоже конт</div>
    </div>
        
    <div class="bot">Контент 2</div>
    
</div>

CSS

.all{padding: 10px; width:500px;}
.ban{background: #FF0000; padding: 5px;}
.bot{background: #00CC00; padding: 5px;}

.content{overflow: hidden;}
.left{background: #009999; float: left;width:300px;}
.right{background: #FF7400; float: left; width:200px;}