html - フレックス列のコンテンツを別のフレックス列にラップする

Question

CONTENT フレックス列を左側のrowChild592列に巻き付けたいと思います。

私はこれを持っています：

次のようにしたいと思います。

テーブルセルラップアラウンドに設定されたdivを作成することについて、ここで答えを見ました：

• 複数の行にまたがるフローティング div の周りにテーブル コンテンツをラップする

テーブルでこれをすべてやり直す必要がありますか、それともフレックス列を別の列にラップすることは可能ですか?

.rowParent,
.columnParent {
  display: flex;
}

.columnParent {
  flex-direction: column;
}

.flexChild {
  flex: 1;
}

#flexymenu {
  flex-grow: 2;
  height: 100%;
}

.frame {
  display: block;
  margin: 0 auto;
}

.socialwrap {
  display: flex;
}

<div id="container" class="flexChild rowParent">
  <div id="rowChild592" class="flexChild">
    <h1></h1>
    <div class="socialwrap"></div>
  </div>
  <div id="flexymenu" class="flexChild columnParent">
    <div id="columnChild85412" class="flexChild rowParent">
      <div id="rowChild97758" class="flexChild"></div>
      <div id="rowChild52237" class="flexChild"></div>
    </div>
    <div id="columnChild59385" class="flexChild selected">
      <div class="frame">CONTENT</div>
    </div>
  </div>
</div>