Гибкая смена ребенка при переносе родителя

Question

во-первых, извините за мой английский,

Я спрашиваю меня, можем ли мы изменить стиль последнего ребенка в flex div, когда этот переходит к строке (wrap).

Что яхочу точно, чтобы изменить последний дочерний элемент (.flexChild в демо), чтобы изменить justify-контент в пространстве или добавить заполнение, когда пользователь находится на мобильном телефоне или он изменяет размер окна

(без медиазапросов)

ДЕМО здесь

.parent {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100px;
  background: red;
}

.child {
  padding: 0 20px;
  background: green;
  border: 1px solid black;
}

.flexChild {
  background: yellow;
  display: flex;
  min-width: 200px;
  flex-wrap: wrap;
  flex: 1 1 auto;
  justify-content: space-between;
}

<div class="parent">
  <div class="child">
    Testtestesttest
  </div>
  <div class="child">
    testtesttestt
  </div>
  <div class="child">
    testesttestest
  </div>
  <div class="child flexChild">
    <div class="left">
      <button>1</button>
      <button>2</button>
    </div>
    <div class="right">
      <button>3</button>
    </div>
  </div>
</div>