при использовании свойства
flex-wrap: wrap; между элементами появляется пустое пространство. Необходимо сверстать так, чтобы блоки вплотную прижимались друг к другу, но при этом красный блок был на всю ширину, а синий имел заданную ширину, но растягивался на всю оставшуюся высоту. В чем моя ошибка?
<body>
<div class="wrapper">
<div class="b1">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi voluptate ipsum eligendi quas nihil necessitatibus unde fugit. Ea amet, cumque.
</div>
<div class="b2">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores expedita vel recusandae cupiditate voluptatum autem sit, neque placeat consectetur, beatae.
</div>
</div>
</body>
.wrapper {
min-height: 100%;
min-width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.b1{
height: 90px;
background: red;
flex-basis: 100%;
}
.b2{
width: 300px;
background: blue;
}
Простой
Простой