在表中使用两个Flexbox

我正在尝试学习如何使用flex-box并遇到障碍。我似乎无法解决问题。 我正在尝试“ Flex-box Test”方面对它的内容做出响应,但希望“一周中的雇员”方面具有固定的位置,但它的内容也要灵活。但是,当我调整大小时,我希望“本周员工”这一端始终处于最佳状态。

有没有解决的办法? 有没有关于如何很好地构造html和CSS代码的教程? 还是应该改用表格?

.body {
  background-color: white;
  display: none;
  margin: 0;
  border: 0;
} 
.flexbox-container-flex {
  display: flex;
  flex-wrap: wrap;
  vertical-align: top;
  width: 100%;
  border-color: gray;
  background-color: black;
}
.flexbox-container-column {   
    display: block;   
    width: 100%;        
    border-color: gray;
    background-color: black;
  }

.flexbox-item {
  border: 5px solid black;
  background-color: gray;
}

.flexbox-item1 {
  height: 400px;
  width: 400px;
}

.flexbox-item2 {
  height: 200px;
  width: 200px;
}

.flexbox-item3 {
  height: 100px;
  width: 100px;
}

.textalignment{
    display: block;
    position: relative;
    text-align: left;         
}
<body>
    <div>
        <table>
            <tr>
                <th>
                    <h1 class="textalignment">FLEX Box Test</h1>
                </th>
                <th>
                    <h1 class="textalignment">EMPLOYEE OF THE WEEK</h1>
                </th>
            </tr>
            <tr>
                <td>
                    <div class="flexbox-container-flex">
                        <div class="flexbox-item flexbox-item1"></div>
                        <div class="flexbox-item flexbox-item2"></div>
                        <div class="flexbox-item flexbox-item3"></div>
                        <div class="flexbox-item flexbox-item1"></div>
                        <div class="flexbox-item flexbox-item2"></div>
                        <div class="flexbox-item flexbox-item3"></div>
                    </div>
                </td>
                <td>
                    <div class="flexbox-container-column">
                        <div class="flexbox-item flexbox-item1"></div>
                        <div class="flexbox-item flexbox-item2"></div>
                        <div class="flexbox-item flexbox-item3"></div>
                    </div>
                </td>
            </tr>
        </table>
    </div>
</body>

Images: enter image description here enter image description here