.crazy-layout {
  display:flex;
  flex-direction: column;
  width: 960px;
  .row {
    display: flex;
    flex-direction: row;
    .row--sub {
      flex-grow: 1;
      justify-content: center;
      align-items: center;
      display: flex;
      height: 100px;
      .col {
        background: aqua;
      }
    }
    .col {
      background: aqua;
      justify-content: center;
      align-items: center;
      display: flex;
      height: 100px;
      margin: 10px;
      flex-grow: 1;
    }
  }
  .row:nth-of-type(4) {
    flex-wrap: wrap;
    .col:nth-of-type(3){
      min-width: 960px - 20px;  // czyli 100% ustawionej przeze mnie szerokosci kontenera - 20px margin
    }
  }
}