Html 将下表的第二列重新定位到移动版本的第一列

我正在尝试将表的第二列重新定位到第一列的正下方。我正在使用html表格。现在[看起来是这样]：或者。但在手机版上，它仍然保留这两列！如何将第二列放在第一列下面？ 您可以通过文章开头的链接打开HTML代码（在网站上，它位于services for business，table中）或查看以下内容：

HTML: `

---

尝试此操作

您可以将数据放在两个不同的表中（一个用于左侧的数据，另一个用于右侧的数据，否则完全相同），并将

的css更改为以下内容：

.TableOfReasons {
  position: relative;
  left: 0%;
  display: inline-block;
}

然后需要在头部添加html
标记：

  <meta name="viewport" content="width=device-width, initial-scale=1">

寻求调试帮助的问题（“为什么此代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：如何创建一个最小、完整且可验证的示例@我不知道如何把HTML放在这里。StackOverflow只输出它，但没有代码！您可以编辑您的问题，在编辑器中有一个添加代码的图标。如果找不到，编辑器右侧还有一个问号
？
。使用它，它将显示帮助。不幸的是，它没有帮助！比使用引导网格检查链接在那种情况下，如何使其相等？因为在
表中
是自动的！截图（谷歌硬盘）：@AndreiMorozov我的答案是什么？
@media (max-width: 600px) {
    .TableOfReasons table tr{
        display:block;
        width:100%;
        padding:0px;
        margin:0px;
    }

    .TableOfReasons table td{
        display:block;
        width:100%;
        padding:0px;
        margin:0px;
        clear:block;
    }
}

.TableOfReasons {
  position: relative;
  left: 0%;
  display: inline-block;
}

  <meta name="viewport" content="width=device-width, initial-scale=1">

@media screen and(max-width: 600px) {
  .TableOfReasons {
    display: block;
  }
}