Haga que el elemento flexible sea de ancho completo después de que se haya envuelto sin usar consultas de medios

Usando flexbox aquí. ¿Es posible hacer que el elemento superpuesto sea de ancho completo después de haber sido presionado hacia abajo sin consultas de medios?

Ver plunker adjunto:http://plnkr.co/edit/mxACfJ2VR5yNgP9j8WJh?p=preview Cambiar el tamaño de la ventana de vista previa a menos de 425 px de ancho. El tercer elemento se empuja hacia abajo y luego quiero que sea de ancho completo. Cuando está en la misma línea que otros 2 elementos, no debe crecer.

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>