Flexbox可以在Chrome上正常运行，但不能在Firefox上正常运行

Question

我在Google Chrome上开发了自己的投资组合网站，一切看上去都不错。这是我的“关于”页面在Chrome上的外观：

我检查了Firefox，看是否一切都还不错，但事实并非如此。这是我的“关于”页面在Firefox上的外观：

我已经在下面包含了我的代码，但是仅是为了概述内容，这里有一个true，它是列flexbox。它包含about-container和about-title。 about-content是另一列flexbox，其中包含一个about-content（包含文本和图片）和一个about-table，其中包含我的联系信息。

flexbox出问题了吗？为什么它在Chrome上却不能在Firefox上运行？

card

#about-container {
  display: flex;
  flex-direction: column;
  font-family: Roboto, sans-serif;
  min-height: 100vh;
}

.about-title {
  text-align: center;
  font-weight: bold;
  color: #374457;
  font-size: 3em;
  padding: 0.35em;
  font-family: Roboto, sans-serif;
}

.about-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about-content p {
  line-height: 1.5em;
  font-size: 1.5em;
  text-align: left;
}

.about-content .about-table {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 95%;
}