Используя flexbox здесь. Можно ли сделать перекрывающийся элемент полной ширины после того, как он был нажат без медиазапросов?

Смотрите прикрепленный поршень:http://plnkr.co/edit/mxACfJ2VR5yNgP9j8WJh?p=preview Измените размер окна предварительного просмотра до ширины менее 425 пикселей. Третий элемент get толкается вниз, а затем я хочу сделать его на всю ширину. Когда он находится в той же строке, что и другие 2 элемента, он не должен расти.

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>