HTML/CSS 错误破坏 DIV 容器

Question

我们有一个包含六个小部件区域的仪表板，在大屏幕（3 宽，2 高）或移动设备（1 宽，6 高）上看起来不错，但在中型屏幕（2 宽，3 高）上，第二个和第三个小部件“粘合”在一起（也许还有小部件 5 和 6，但那将是相同的原因。无论我尝试什么。我确信这是相当明显的事情，但我失去了好几天没有试图把我的手指在上面... 可以在 https://www.airportinfo.aero/

访问相关仪表板

我尝试在容器之间添加空间或添加 1px 的边距，这迫使想要的中断但反过来又破坏了大屏幕（3 宽，2 高）到 2 宽 3 高的布局。尝试使用 CSS 中的浮动和自定义添加的样式，但没有解决方案

Answer 1

你能展示 css 和 div 元素的代码吗？

此外，如果您不使用网格，最好这样做，因为这通常可以避免或至少可以轻松调试。