使表格列在较小的屏幕上显示一个在另一个下面

Question

请参阅此示例网站

http://utim.in

本网站的3列表格没有响应。我的问题是如何让它打破并显示为一列低于另一列，就像厨房应该排在第二位等等。是否有任何css hack可以在@media屏幕部分添加？

Answer 1

替换div的表格布局，并使用float，inline-block或flexbox将它们对齐。 Html表是布局最糟糕的方法。