Aumentar a largura do item flexível depois de envolto sem usar consultas de mídia
Usando flexbox aqui. É possível aumentar a largura total do elemento sobreposto após ter sido pressionado sem consultas de mídia?
Veja desentupidor em anexo:http://plnkr.co/edit/mxACfJ2VR5yNgP9j8WJh?p=preview Redimensione a janela de visualização para uma largura inferior a 425px. O terceiro elemento é empurrado para baixo e eu quero torná-lo em largura total. Quando está na mesma linha que outros 2 elementos, não deve crescer.
css:
.flexContainer {
display:flex;
flex-wrap:wrap;
border: 1px solid;
}
.img {
width:110px;
height:110px;
background:red;
}
.flexItem {
flex-basis:200px;
flex-grow:1;
background:#ff1;
}
.wrapItem {
flex-basis:100px;
background:#aab;
}
html:
<div class="flexContainer">
<div class="img">fixed size img here</div>
<div class="flexItem">This flexes</div>
<div class="wrapItem">This wraps</div>
</div>