如何在移动设备中连续显示 2 张卡片？

Question

这是我的glitch。在这里，我可以看到台式机连续 3 张卡，平板电脑每行 2 张卡，移动设备每行 1 张卡。我希望它在移动设备中每行制作 2 张卡片。（意味着我希望我的卡片调整大小并在移动设备中连续显示 2 张卡片）。我怎样才能实现它。这是我的完整故障code。

这是一个 css，我在媒体查询中尝试过响应性。

/*** Responsive ***/
@media(max-width: 991px)
{
    .wrapper{
        padding: 25px;
    }
    .wrapper h1{
        font-size: 2.5em;
        font-weight: 600;
    }
    .content-box{
        flex-direction: row;
        width: 100%;
    }
    .card{
        min-width:300px;
        margin: 10px auto;
    }
}

Answer 1

为什么您的容器 flex-direction 列在媒体查询中？应该是行。