JSFiddle - React, Tailwind, and code Playground

by zick

HTML

<div class="all">

<div class="bot">этот блок с контентом надо отображать разместить тут, а отображать под блоками left и right</div>

<div class="up">
    <div class="ban">тут слайдер</div>
    <div class="left">тут контент</div>
    <div class="right">тут тоже конт</div>
</div>

CSS

.all{
padding: 10px;
width:500px;
display: flex;
flex-direction: column;
}
.bot{
    order: 1; 
}
.up{
    width:100%;
    order: 0;
}
.ban{
overflow: hidden;
padding: 5px;
}
.left{
float: left;
width:300px;
}
.right{
float: left;
width:200px;
}