есть подобная верстка с блоками, которые должны строиться в две колонки друг за другом 1,2,6 и справа от них 3,4,5 соответственно, все друг к другу впритык гранями, как переместить 3 блок на одну строку с первым, чтобы 4 был сразу же ниже 3
https://jsfiddle.net/awd98r14/
.content {
width: 1000px;
height: 100%;
}
.block-1 {
width: 700px;
height: 100px;
float: left;
background: red;
}
.block-2 {
width: 700px;
height: 200px;
float: left;
background: green;
}
.block-3 {
width: 300px;
height: 150px;
float: right;
background: gray;
}
.block-4 {
width: 300px;
height: 150px;
float: right;
background: yellow;
}
.block-5 {
width: 300px;
height: 150px;
float: right;
background: coral;
}
.block-6 {
width: 700px;
height: 550px;
float: left;
background: blue;
}
<div class="content">
<div class="block-1">1</div>
<div class="block-2">2</div>
<div class="block-3">3</div>
<div class="block-4">4</div>
<div class="block-5">5</div>
<div class="block-6">6</div>
</div>
Вот такого плана должна получится верстка, на flex пробовал, но так не получается сделать.
float
и переделать все наflex
у них есть свойство порядкаorder
или вообще изменить все наgrid