Html 如何使此表响应？

请帮助我如何使这种类型的桌子具有响应性，我需要的是在响应性移动设备和平板电脑布局中，每张桌子都位于彼此下方。 在桌面视图中，它们并排显示

以下是演示的链接：

---

创建三个div，所有div的宽度均为33%，左浮动-给它们相同的类。您需要清除下面的内容

使用CSS媒体查询，当您的站点达到某个宽度（即移动设备）时，您可以更改div类样式，将div的宽度设置为100%，将float设置为none

---

对于媒体查询的学习，您可以找到一个很好的（现场）示例。

您尝试过什么吗？此外，您可能需要更改整个HTML结构…因为

表
标记不是响应最友好的方式。欢迎使用。你是否尝试过学习响应式设计、媒体查询等，或者至少是谷歌搜索。。？如果没有，请这样做。当你遇到与此相关的特定问题时，将其带到社区面前…