如何让这个页脚与文本区域对齐？Flexbox似乎没有做到这一点

<div class="container">
  <div class="text-area">
    <!-- 文本区域内容 -->
  </div>
  <div class="footer">
    <!-- 页脚内容 -->
  </div>
</div>

.container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  /* 其他样式属性 */
}

.text-area {
  /* 文本区域样式 */
}

.footer {
  /* 页脚样式 */
}

<div class="container">
  <div class="text-area">
    <!-- 文本区域内容 -->
  </div>
  <div class="footer">
    <!-- 页脚内容 -->
  </div>
</div>

.container {
  display: grid;
  grid-template-rows: auto auto;
  /* 其他样式属性 */
}

.text-area {
  /* 文本区域样式 */
}

.footer {
  /* 页脚样式 */
}